Changeset View
Changeset View
Standalone View
Standalone View
native/chat/reaction-message-utils.js
Show All 16 Lines | |||||
} from 'lib/utils/action-utils.js'; | } from 'lib/utils/action-utils.js'; | ||||
import { cloneError } from 'lib/utils/errors.js'; | import { cloneError } from 'lib/utils/errors.js'; | ||||
import { useSelector } from '../redux/redux-utils.js'; | import { useSelector } from '../redux/redux-utils.js'; | ||||
import type { | import type { | ||||
LayoutCoordinates, | LayoutCoordinates, | ||||
VerticalBounds, | VerticalBounds, | ||||
} from '../types/layout-types.js'; | } from '../types/layout-types.js'; | ||||
import type { ViewStyle } from '../types/styles.js'; | |||||
function useSendReaction( | function useSendReaction( | ||||
messageID: ?string, | messageID: ?string, | ||||
localID: string, | localID: string, | ||||
threadID: string, | threadID: string, | ||||
reactions: ReactionInfo, | reactions: ReactionInfo, | ||||
): (reaction: string) => mixed { | ): (reaction: string) => mixed { | ||||
const viewerID = useSelector( | const viewerID = useSelector( | ||||
▲ Show 20 Lines • Show All 81 Lines • ▼ Show 20 Lines | |||||
type ReactionSelectionPopoverPositionArgs = { | type ReactionSelectionPopoverPositionArgs = { | ||||
+initialCoordinates: LayoutCoordinates, | +initialCoordinates: LayoutCoordinates, | ||||
+verticalBounds: VerticalBounds, | +verticalBounds: VerticalBounds, | ||||
+margin: ?number, | +margin: ?number, | ||||
}; | }; | ||||
type ReactionSelectionPopoverPosition = { | type ReactionSelectionPopoverPosition = { | ||||
+containerStyle: ViewStyle, | +containerStyle: { | ||||
+position: 'absolute', | |||||
+left?: number, | |||||
+right?: number, | |||||
+bottom?: number, | |||||
+top?: number, | |||||
... | |||||
}, | |||||
+popoverLocation: 'above' | 'below', | +popoverLocation: 'above' | 'below', | ||||
}; | }; | ||||
function useReactionSelectionPopoverPosition({ | function useReactionSelectionPopoverPosition({ | ||||
initialCoordinates, | initialCoordinates, | ||||
verticalBounds, | verticalBounds, | ||||
margin, | margin, | ||||
}: ReactionSelectionPopoverPositionArgs): ReactionSelectionPopoverPosition { | }: ReactionSelectionPopoverPositionArgs): ReactionSelectionPopoverPosition { | ||||
const reactionSelectionPopoverHeight = 56; | const reactionSelectionPopoverHeight = 56; | ||||
▲ Show 20 Lines • Show All 57 Lines • Show Last 20 Lines |