mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Update text of button when unhiding a story

Browse source 
Co-authored-by: trevor-signal <131492920+trevor-signal@users.noreply.github.com>
This commit is contained in:
automated-signal 2024-09-27 14:40:14 -05:00 committed by GitHub
parent bfc72084ca
commit 0fd9c3faa7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 26 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_locales/en/messages.json
View file

@ -6918,7 +6918,7 @@
"description": "aria-label for the story list button" "description": "aria-label for the story list button"
}, },
"icu:StoryListItem__unhide": { "icu:StoryListItem__unhide": {
"messageformat": "Show stories", "messageformat": "Unhide story",
"description": "Label for menu item to un-hide the story" "description": "Label for menu item to un-hide the story"
}, },
"icu:StoryListItem__hide": { "icu:StoryListItem__hide": {

6
stylesheets/components/StoryListItem.scss
View file

@ -189,6 +189,12 @@
@include StoryListItem__Icon('../images/icons/v3/x/x-circle-compact.svg'); @include StoryListItem__Icon('../images/icons/v3/x/x-circle-compact.svg');
} }
&--unhide {
@include StoryListItem__Icon(
'../images/icons/v3/check/check-circle-compact.svg'
);
}
&--info { &--info {
@include StoryListItem__Icon('../images/icons/v3/info/info-compact.svg'); @include StoryListItem__Icon('../images/icons/v3/info/info-compact.svg');
} }

29
ts/components/StoryListItem.tsx
View file

@ -117,21 +117,24 @@ export function StoryListItem({
repliesElement = <div className="StoryListItem__info--replies--others" />; repliesElement = <div className="StoryListItem__info--replies--others" />;
} }
const menuOptions = [ const menuOptions = [];
{ if (isHidden) {
icon: 'StoryListItem__icon--hide', menuOptions.push({
label: isHidden icon: 'StoryListItem__icon--unhide',
? i18n('icu:StoryListItem__unhide') label: i18n('icu:StoryListItem__unhide'),
: i18n('icu:StoryListItem__hide'),
onClick: () => { onClick: () => {
if (isHidden) { onHideStory(conversationId);
onHideStory(conversationId);
} else {
setHasConfirmHideStory(true);
}
}, },
}, });
]; } else {
menuOptions.push({
icon: 'StoryListItem__icon--hide',
label: i18n('icu:StoryListItem__hide'),
onClick: () => {
setHasConfirmHideStory(true);
},
});
}
if (!isSignalOfficial) { if (!isSignalOfficial) {
menuOptions.push({ menuOptions.push({

4
ts/components/StoryViewer.tsx
View file

@ -516,7 +516,9 @@ export function StoryViewer({
onClick: () => setCurrentViewTarget(StoryViewTargetType.Details), onClick: () => setCurrentViewTarget(StoryViewTargetType.Details),
}, },
{ {
icon: 'StoryListItem__icon--hide', icon: isHidden
? 'StoryListItem__icon--unhide'
: 'StoryListItem__icon--hide',
label: isHidden label: isHidden
? i18n('icu:StoryListItem__unhide') ? i18n('icu:StoryListItem__unhide')
: i18n('icu:StoryListItem__hide'), : i18n('icu:StoryListItem__hide'),