Ajay Bura
31efbf73b7
* extract emoji search component * extract emoji board tabs component * extract sidebar component * extract no stickers component * create emoji/sticker preview atom * extract component from emoji/sticker item and sidebar buttons * fix image group icon not loading * separate emojis and sticker groups logic * extract layout and emoji group components * add virtualization in emoji board groups * fix scroll to alignment
23 lines
606 B
TypeScript
23 lines
606 B
TypeScript
import React from 'react';
|
|
import { Box, toRem, config, Icons, Icon, Text } from 'folds';
|
|
|
|
export function NoStickerPacks() {
|
|
return (
|
|
<Box
|
|
style={{ padding: `${toRem(60)} ${config.space.S500}` }}
|
|
alignItems="Center"
|
|
justifyContent="Center"
|
|
direction="Column"
|
|
gap="300"
|
|
>
|
|
<Icon size="600" src={Icons.Sticker} />
|
|
<Box direction="Inherit">
|
|
<Text align="Center">No Sticker Packs!</Text>
|
|
<Text priority="300" align="Center" size="T200">
|
|
Add stickers from user, room or space settings.
|
|
</Text>
|
|
</Box>
|
|
</Box>
|
|
);
|
|
}
|