mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 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
Show stats 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>;
```
#### No Advertised Packs
#### Only installed packs
```jsx
const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' };
@ -107,7 +107,7 @@ const noPacks = [];
</util.ConversationContext>;
```
#### No Installed Packs
#### Only received packs
```jsx
const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' };
@ -158,7 +158,7 @@ const noPacks = [];
</util.ConversationContext>;
```
#### No with 'known'
#### Just installed and 'known'
```jsx
const sticker1 = { id: 1, url: util.kitten164ObjectUrl, packId: 'foo' };
@ -216,7 +216,7 @@ const noPacks = [];
</util.ConversationContext>;
```
#### No Packs at All
#### No packs at All
```jsx
const noPacks = [];

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

@ -75,45 +75,54 @@ export const StickerManager = React.memo(
i18nKey: 'stickers--StickerManager--InstalledPacks',
i18nEmptyKey: 'stickers--StickerManager--InstalledPacks--Empty',
packs: installedPacks,
hideIfEmpty: false,
},
{
i18nKey: 'stickers--StickerManager--BlessedPacks',
i18nEmptyKey: 'stickers--StickerManager--BlessedPacks--Empty',
packs: blessedPacks,
hideIfEmpty: true,
},
{
i18nKey: 'stickers--StickerManager--ReceivedPacks',
i18nEmptyKey: 'stickers--StickerManager--ReceivedPacks--Empty',
packs: receivedPacks,
hideIfEmpty: false,
},
].map(section => (
<React.Fragment key={section.i18nKey}>
<h2
className={classNames(
'module-sticker-manager__text',
'module-sticker-manager__text--heading'
].map(section => {
if (section.hideIfEmpty && section.packs.length === 0) {
return;
}
return (
<React.Fragment key={section.i18nKey}>
<h2
className={classNames(
'module-sticker-manager__text',
'module-sticker-manager__text--heading'
)}
>
{i18n(section.i18nKey)}
</h2>
{section.packs.length > 0 ? (
section.packs.map(pack => (
<StickerManagerPackRow
key={pack.id}
pack={pack}
i18n={i18n}
onClickPreview={previewPack}
installStickerPack={installStickerPack}
uninstallStickerPack={uninstallStickerPack}
/>
))
) : (
<div className="module-sticker-manager__empty">
{i18n(section.i18nEmptyKey)}
</div>
)}
>
{i18n(section.i18nKey)}
</h2>
{section.packs.length > 0 ? (
section.packs.map(pack => (
<StickerManagerPackRow
key={pack.id}
pack={pack}
i18n={i18n}
onClickPreview={previewPack}
installStickerPack={installStickerPack}
uninstallStickerPack={uninstallStickerPack}
/>
))
) : (
<div className="module-sticker-manager__empty">
{i18n(section.i18nEmptyKey)}
</div>
)}
</React.Fragment>
))}
</React.Fragment>
);
})}
</div>
</>
);