ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better earn notification

Browse Source
This commit is contained in:
keyan 2022-03-23 16:45:36 -05:00
parent 987a5ed3a3
commit 46a2ac37eb
2 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
components/notifications.js
View File

@ -8,6 +8,7 @@ import Invite from './invite'
import { ignoreClick } from '../lib/clicks' import { ignoreClick } from '../lib/clicks'
import Link from 'next/link' import Link from 'next/link'
import Check from '../svgs/check-double-line.svg' import Check from '../svgs/check-double-line.svg'
import HandCoin from '../svgs/hand-coin-fill.svg'
// TODO: oh man, this is a mess ... each notification type should just be a component ... // TODO: oh man, this is a mess ... each notification type should just be a component ...
function Notification ({ n }) { function Notification ({ n }) {
@ -59,14 +60,17 @@ function Notification ({ n }) {
) )
: n.__typename === 'Earn' : n.__typename === 'Earn'
? ( ? (
<> <div className='d-flex'>
<div className='font-weight-bold text-boost ml-2'> <HandCoin className='align-self-center fill-boost mx-1' width={24} height={24} style={{ flex: '0 0 24px', transform: 'rotateY(180deg)' }} />
you stacked {n.earnedSats} sats <div className='ml-2'>
<div className='font-weight-bold text-boost'>
you stacked {n.earnedSats} sats
</div>
<div className='pb-1' style={{ lineHeight: '140%' }}>
SN distributes the sats it earns back to its best users daily. These sats come from <Link href='/~jobs' passHref><a>jobs</a></Link>, boost, and posting fees.
</div>
</div> </div>
<div className='ml-4 pb-1' style={{ lineHeight: '140%' }}> </div>
SN distributes the sats it earns back to its best users daily. These sats come from <Link href='/~jobs' passHref><a>jobs</a></Link>, boost, and posting fees.
</div>
</>
) )
: n.__typename === 'InvoicePaid' : n.__typename === 'InvoicePaid'
? <div className='font-weight-bold text-info ml-2 py-1'><Check className='fill-info mr-1' />{n.earnedSats} sats were deposited in your account</div> ? <div className='font-weight-bold text-info ml-2 py-1'><Check className='fill-info mr-1' />{n.earnedSats} sats were deposited in your account</div>

8
styles/globals.scss
View File

@ -375,6 +375,14 @@ textarea.form-control {
fill: var(--theme-grey); fill: var(--theme-grey);
} }
.fill-secondary {
fill: var(--secondary);
}
.fill-boost {
fill: var(--boost);
}
.fill-white { .fill-white {
fill: white; fill: white;
} }