moon
/
soapbox
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

streak modal message update

This commit is contained in:
Mary Kate Fain 2025-02-12 14:26:55 -06:00
parent cdbdcd2ac8
commit 470b4ab463
1 changed files with 33 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/features/ui/components/modals/streak-modal.tsx
View File

@ -1,20 +1,49 @@
import flameIcon from '@tabler/icons/filled/flame.svg';
import React from 'react'; import React from 'react';
import { FormattedMessage } from 'react-intl'; import { FormattedMessage } from 'react-intl';
import HStack from 'soapbox/components/ui/hstack.tsx';
import Icon from 'soapbox/components/ui/icon.tsx';
import Modal from 'soapbox/components/ui/modal.tsx'; import Modal from 'soapbox/components/ui/modal.tsx';
import Text from 'soapbox/components/ui/text.tsx'; import Text from 'soapbox/components/ui/text.tsx';
// import { useOwnAccount } from 'soapbox/hooks/useOwnAccount.ts';
// import { shortNumberFormat } from 'soapbox/utils/numbers.tsx';
// const messages = defineMessages({
// streak: { id: 'account.streak', defaultMessage: 'Day Streak' },
// });
interface IStreakModal { interface IStreakModal {
onClose: () => void; onClose: () => void;
} }
const StreakModal: React.FC<IStreakModal> = ({ onClose }) => { const StreakModal: React.FC<IStreakModal> = ({ onClose }) => {
// const { account } = useOwnAccount();
// const intl = useIntl();
// const streakCount = account ? shortNumberFormat(account.ditto.streak.days) : 0;
return ( return (
<Modal title={<FormattedMessage id='streak_modal.title' defaultMessage="You've started a new streak!" />} onClose={onClose}> <Modal
<Text> title={
<FormattedMessage id='streak_modal.message' defaultMessage='Post every day to keep it going!' /> <HStack alignItems='center' justifyContent='center' space={1} className='-mr-8'>
<Text weight='bold' size='lg' className='text-black'>
<FormattedMessage id='streak_modal.title' defaultMessage="You've unlocked a" />
</Text> </Text>
<Text theme='primary'>
<Icon src={flameIcon} className='size-6' />
</Text>
<Text weight='bold' size='lg' className='text-black'>
<FormattedMessage id='streak_modal.sub' defaultMessage='streak!' />
</Text>
</HStack>
}
onClose={onClose}
>
<HStack justifyContent='center'>
<Text className=''>
<FormattedMessage id='streak_modal.message' defaultMessage='Post every day to keep it going.' />
</Text>
</HStack>
</Modal> </Modal>
); );
}; };