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

update-zap

This commit is contained in:
danidfra 2024-08-29 10:44:00 -03:00
parent 6560dac86d
commit 5246301324
3 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/icons/questionIcon.svg Normal file
View File

@ -0,0 +1 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10.125 8.875C10.125 7.83947 10.9645 7 12 7C13.0355 7 13.875 7.83947 13.875 8.875C13.875 9.56245 13.505 10.1635 12.9534 10.4899C12.478 10.7711 12 11.1977 12 11.75V13" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> <circle cx="12" cy="16" r="1" fill="#ffffff"></circle> <path d="M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7" stroke="#ffffff" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 773 B

1
src/assets/icons/questionIconDark.svg Normal file
View File

@ -0,0 +1 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10.125 8.875C10.125 7.83947 10.9645 7 12 7C13.0355 7 13.875 7.83947 13.875 8.875C13.875 9.56245 13.505 10.1635 12.9534 10.4899C12.478 10.7711 12 11.1977 12 11.75V13" stroke="#000000" stroke-width="1.5" stroke-linecap="round"></path> <circle cx="12" cy="16" r="1" fill="#000000"></circle> <path d="M7 3.33782C8.47087 2.48697 10.1786 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 10.1786 2.48697 8.47087 3.33782 7" stroke="#000000" stroke-width="1.5" stroke-linecap="round"></path> </g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 773 B

14
src/features/zap/components/zap-pay-request-form.tsx
View File

@ -8,8 +8,9 @@ import coinStack from 'soapbox/assets/icons/coin-stack.png';
import coinIcon from 'soapbox/assets/icons/coin.png';
import moneyBag from 'soapbox/assets/icons/money-bag.png';
import pileCoin from 'soapbox/assets/icons/pile-coin.png';
import questionIcon from 'soapbox/assets/icons/questionIcon.svg';
import Account from 'soapbox/components/account';
import { Stack, Button, Input } from 'soapbox/components/ui';
import { Stack, HStack, Button, Input } from 'soapbox/components/ui';
import { useAppDispatch } from 'soapbox/hooks';
import type { Account as AccountEntity, Status as StatusEntity } from 'soapbox/types/entities';
@ -64,7 +65,7 @@ const ZapPayRequestForm = ({ account, status }: IZapPayRequestForm) => {
};
return (
<Stack space={3} element='form' onSubmit={handleSubmit}>
<Stack space={3} alignItems='center' element='form' onSubmit={handleSubmit} >
<Account account={account} showProfileHoverCard={false} />
<div>
<FormattedMessage id='zap.unit' defaultMessage='Zap amount in sats' />
@ -85,8 +86,17 @@ const ZapPayRequestForm = ({ account, status }: IZapPayRequestForm) => {
/>
</div>
<div className='w-full'>
<Input onChange={e => setZapComment(e.target.value)} type='text' placeholder={intl.formatMessage(messages.zap_commentPlaceholder)} />
</div>
<Button className='m-auto w-auto' type='submit' theme='primary' icon={require('@tabler/icons/outline/bolt.svg')} text={renderZapButtonText()} disabled={zapAmount < 1 ? true : false} />
<HStack justifyContent='center' space={2}>
<p className='text-sm'>To suport Ditto, 'amount' sats will deducted</p>
<a className='flex gap-2' href='/'>
<img src={questionIcon} className='w-4' alt='' />
</a>
</HStack>
</Stack>
);
};