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

Hide blessed packs section if we don't have any blessed packs

Browse source
This commit is contained in:
Scott Nonnenberg 2019-05-29 14:36:34 -07:00
parent 058feb317c
commit 8677e8376a
2 changed files with 40 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

8
ts/components/stickers/StickerManager.md
View file

@ -55,7 +55,7 @@ const blessedPacks = packs.map(p => ({
</util.ConversationContext>; </util.ConversationContext>;
``` ```
#### No Advertised Packs #### Only installed packs
```jsx ```jsx
const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' }; const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' };
@ -107,7 +107,7 @@ const noPacks = [];
</util.ConversationContext>; </util.ConversationContext>;
``` ```
#### No Installed Packs #### Only received packs
```jsx ```jsx
const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' }; const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' };
@ -158,7 +158,7 @@ const noPacks = [];
</util.ConversationContext>; </util.ConversationContext>;
``` ```
#### No with 'known' #### Just installed and 'known'
```jsx ```jsx
const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' }; const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' };
@ -216,7 +216,7 @@ const noPacks = [];
</util.ConversationContext>; </util.ConversationContext>;
``` ```
#### No Packs at All #### No packs at All
```jsx ```jsx
const noPacks = []; const noPacks = [];

13
ts/components/stickers/StickerManager.tsx
View file

@ -75,18 +75,26 @@ export const StickerManager = React.memo(
i18nKey: 'stickers--StickerManager--InstalledPacks', i18nKey: 'stickers--StickerManager--InstalledPacks',
i18nEmptyKey: 'stickers--StickerManager--InstalledPacks--Empty', i18nEmptyKey: 'stickers--StickerManager--InstalledPacks--Empty',
packs: installedPacks, packs: installedPacks,
hideIfEmpty: false,
}, },
{ {
i18nKey: 'stickers--StickerManager--BlessedPacks', i18nKey: 'stickers--StickerManager--BlessedPacks',
i18nEmptyKey: 'stickers--StickerManager--BlessedPacks--Empty', i18nEmptyKey: 'stickers--StickerManager--BlessedPacks--Empty',
packs: blessedPacks, packs: blessedPacks,
hideIfEmpty: true,
}, },
{ {
i18nKey: 'stickers--StickerManager--ReceivedPacks', i18nKey: 'stickers--StickerManager--ReceivedPacks',
i18nEmptyKey: 'stickers--StickerManager--ReceivedPacks--Empty', i18nEmptyKey: 'stickers--StickerManager--ReceivedPacks--Empty',
packs: receivedPacks, packs: receivedPacks,
hideIfEmpty: false,
}, },
].map(section => ( ].map(section => {
if (section.hideIfEmpty && section.packs.length === 0) {
return;
}
return (
<React.Fragment key={section.i18nKey}> <React.Fragment key={section.i18nKey}>
<h2 <h2
className={classNames( className={classNames(
@ -113,7 +121,8 @@ export const StickerManager = React.memo(
</div> </div>
)} )}
</React.Fragment> </React.Fragment>
))} );
})}
</div> </div>
</> </>
); );