Page MenuHomePhabricator
Differential D7012

[native] Animate opacity and scale of ReactionSelectionPopover
ClosedPublic
Actions

Authored by ashoat on Mar 8 2023, 1:24 PM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Apr 3, 1:39 PM
Unknown Object (File)
Thu, Apr 3, 8:37 AM
Unknown Object (File)
Thu, Apr 3, 8:37 AM
Unknown Object (File)
Thu, Apr 3, 8:37 AM
Unknown Object (File)
Thu, Apr 3, 8:37 AM
Unknown Object (File)
Feb 27 2025, 10:18 AM
Unknown Object (File)
Feb 16 2025, 8:32 AM
Unknown Object (File)
Feb 16 2025, 8:32 AM
View All Files
Subscribers
atul
tomek

Details

Reviewers
ginsu
Commits
rCOMM0e9a5b52ebef: [native] Animate opacity and scale of ReactionSelectionPopover
Summary

First step to animating this along with tooltip components

Depends on D7011

Test Plan

Flow, and testing the reaction popover animation on iOS and Android release builds, including opening the emoji keyboard

Diff Detail

Repository
rCOMM Comm
Lint
No Lint Coverage
Unit
No Test Coverage

Revision Contents
Changeset List

PathSize
native/
chat/
51 lines
tooltip/
4 lines

Diff 23552

View Options

native/chat/reaction-selection-popover.react.js

// @flow // @flow
import _keyBy from 'lodash/fp/keyBy.js'; import _keyBy from 'lodash/fp/keyBy.js';
import { contentStringForMediaArray } from '../media/media-utils.js';
import { messageID } from '../shared/message-utils.js'; import { messageID } from '../shared/message-utils.js';
import { messageSpecs } from '../shared/messages/message-specs.js'; import { messageSpecs } from '../shared/messages/message-specs.js';
import type { import type {
Media, Media,
ClientDBMediaInfo, ClientDBMediaInfo,
Image, Image,
Video, Video,
} from '../types/media-types.js'; } from '../types/media-types.js';
▲ Show 20 Lines • Show All 179 Lines • ▼ Show 20 Lines return {
type: 'replace', type: 'replace',
payload: translateRawMessageInfoToClientDBMessageInfo( payload: translateRawMessageInfoToClientDBMessageInfo(
messageStoreOperation.payload.messageInfo, messageStoreOperation.payload.messageInfo,
), ),
}; };
}); });
} }
function getPinnedContentFromClientDBMessageInfo(
clientDBMessageInfo: ClientDBMessageInfo,
): string {
const { media_infos } = clientDBMessageInfo;
let pinnedContent;
if (!media_infos) {
pinnedContent = 'a message';
} else {
const media = translateClientDBMediaInfosToMedia(clientDBMessageInfo);
pinnedContent = contentStringForMediaArray(media);
}
return pinnedContent;
}
export { export {
translateClientDBMediaInfoToImage, translateClientDBMediaInfoToImage,
translateRawMessageInfoToClientDBMessageInfo, translateRawMessageInfoToClientDBMessageInfo,
translateClientDBMessageInfoToRawMessageInfo, translateClientDBMessageInfoToRawMessageInfo,
translateClientDBMessageInfosToRawMessageInfos, translateClientDBMessageInfosToRawMessageInfos,
convertMessageStoreOperationsToClientDBOperations, convertMessageStoreOperationsToClientDBOperations,
translateClientDBMediaInfosToMedia, translateClientDBMediaInfosToMedia,
getPinnedContentFromClientDBMessageInfo,
}; };
View Options

native/tooltip/tooltip.react.js

// @flow // @flow
import _keyBy from 'lodash/fp/keyBy.js'; import _keyBy from 'lodash/fp/keyBy.js';
import { contentStringForMediaArray } from '../media/media-utils.js';
import { messageID } from '../shared/message-utils.js'; import { messageID } from '../shared/message-utils.js';
import { messageSpecs } from '../shared/messages/message-specs.js'; import { messageSpecs } from '../shared/messages/message-specs.js';
import type { import type {
Media, Media,
ClientDBMediaInfo, ClientDBMediaInfo,
Image, Image,
Video, Video,
} from '../types/media-types.js'; } from '../types/media-types.js';
▲ Show 20 Lines • Show All 179 Lines • ▼ Show 20 Lines return {
type: 'replace', type: 'replace',
payload: translateRawMessageInfoToClientDBMessageInfo( payload: translateRawMessageInfoToClientDBMessageInfo(
messageStoreOperation.payload.messageInfo, messageStoreOperation.payload.messageInfo,
), ),
}; };
}); });
} }
function getPinnedContentFromClientDBMessageInfo(
clientDBMessageInfo: ClientDBMessageInfo,
): string {
const { media_infos } = clientDBMessageInfo;
let pinnedContent;
if (!media_infos) {
pinnedContent = 'a message';
} else {
const media = translateClientDBMediaInfosToMedia(clientDBMessageInfo);
pinnedContent = contentStringForMediaArray(media);
}
return pinnedContent;
}
export { export {
translateClientDBMediaInfoToImage, translateClientDBMediaInfoToImage,
translateRawMessageInfoToClientDBMessageInfo, translateRawMessageInfoToClientDBMessageInfo,
translateClientDBMessageInfoToRawMessageInfo, translateClientDBMessageInfoToRawMessageInfo,
translateClientDBMessageInfosToRawMessageInfos, translateClientDBMessageInfosToRawMessageInfos,
convertMessageStoreOperationsToClientDBOperations, convertMessageStoreOperationsToClientDBOperations,
translateClientDBMediaInfosToMedia, translateClientDBMediaInfosToMedia,
getPinnedContentFromClientDBMessageInfo,
}; };