@@ -1,4 +1,5 @@
11import { Box, Text } from '@tlon/indigo-react';
2+import cn from 'classnames';
23import Sigil from 'components/Sigil';
34import withFadeable from './withFadeable';
45
@@ -25,23 +26,25 @@ const PointPresenter = ({
2526 justifyContent="center"
2627 alignItems="center"
2728 background="white"
28− className={className}>
29− <Box
30− background={success ? '#009F65' : 'black'}
31− borderRadius={5}
32− padding={24}
33− mb={3}
34− width={64}
35− height={64}>
36− <Sigil
37− patp={patp}
38− colors={[success ? '#009F65' : 'black', 'white']}
39− size={64}
40− display="block"
41− padding={32}
29+ className={cn(['point-presenter', className])}>
30+ <Box className={cn(['pulsating-background', success && 'enter'])} mb={3}>
31+ <Box
32+ background={success ? '#009F65' : 'black'}
4233 borderRadius={5}
43− />
34+ padding={24}
35+ width={64}
36+ height={64}>
37+ <Sigil
38+ patp={patp}
39+ colors={[success ? '#009F65' : 'black', 'white']}
40+ size={64}
41+ display="block"
42+ padding={32}
43+ borderRadius={5}
44+ />
45+ </Box>
4446 </Box>
47+
4548 {showLabel && (
4649 <Box>
4750 <Text