Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-05-01 22:01:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

Show clicked-on reaction in ReactionViewer

Browse Source
This commit is contained in:
Ken Powers
2020-02-06 14:57:46 -05:00
committed by GitHub
parent c147e6ce25
commit c9292544aa
3 changed files with 43 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
ts/components/conversation/ReactionViewer.tsx
View File

@@ -22,6 +22,7 @@ export type Reaction = {
export type OwnProps = {
reactions: Array<Reaction>;
pickedReaction?: string;
onClose?: () => unknown;
};
@@ -33,11 +34,11 @@ const emojisOrder = ['❤️', '👍', '👎', '😂', '😮', '😢', '😡'];
export const ReactionViewer = React.forwardRef<HTMLDivElement, Props>(
// tslint:disable-next-line max-func-body-length
({ i18n, reactions, onClose, ...rest }, ref) => {
({ i18n, reactions, onClose, pickedReaction, ...rest }, ref) => {
const grouped = mapValues(groupBy(reactions, 'emoji'), res =>
orderBy(res, ['timestamp'], ['desc'])
);
const [selected, setSelected] = React.useState('all');
const [selected, setSelected] = React.useState(pickedReaction || 'all');
const focusRef = React.useRef<HTMLButtonElement>(null);
// Handle escape key
@@ -77,7 +78,7 @@ export const ReactionViewer = React.forwardRef<HTMLDivElement, Props>(
}, [reactions]);
const allSorted = React.useMemo(() => {
return sortBy(reactions, 'timestamp');
return orderBy(reactions, ['timestamp'], ['desc']);
}, [reactions]);
// If we have previously selected a reaction type that is no longer present