Skip to content

Commit

Permalink
make coins flat
Browse files Browse the repository at this point in the history
  • Loading branch information
ingawei committed Jul 31, 2024
1 parent 243aa40 commit b47caaa
Show file tree
Hide file tree
Showing 6 changed files with 82 additions and 6 deletions.
9 changes: 4 additions & 5 deletions web/components/twomba/twomba-toggle.tsx
Original file line number Diff line number Diff line change
@@ -1,7 +1,6 @@
import { SweepiesCoin } from 'web/public/custom-components/sweepiesCoin'
import { Row } from '../layout/row'
import { ManaCoin } from 'web/public/custom-components/manaCoin'
import clsx from 'clsx'
import { ManaFlatCoin } from 'web/public/custom-components/manaFlatCoin'
import { SweepiesFlatCoin } from 'web/public/custom-components/sweepiesFlatCoin'

export type TWOMBA_MODE_TYPE = 'sweepies' | 'mana'

Expand All @@ -22,13 +21,13 @@ export function TwombaToggle(props: {
mode === 'sweepies' ? 'left-0' : 'left-[calc(100%-2.3rem)]'
)}
/> */}
<SweepiesCoin
<SweepiesFlatCoin
className={clsx(
'z-10 h-8 transition-opacity',
mode === 'sweepies' ? 'opacity-100' : 'opacity-20'
)}
/>
<ManaCoin
<ManaFlatCoin
className={clsx(
'z-10 h-8 transition-opacity',
mode === 'mana' ? 'opacity-100' : 'opacity-20'
Expand Down
2 changes: 1 addition & 1 deletion web/components/widgets/manaCoinNumber.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ import { animated } from '@react-spring/web'
import clsx from 'clsx'
import { shortenNumber } from 'web/lib/util/formatNumber'
import { SpiceCoin } from 'web/public/custom-components/spiceCoin'
import { SweepiesCoin } from 'web/public/custom-components/sweepiesCoin'
import { SweepiesCoin } from 'web/public/custom-components/sweepiesFlatCoin'

export function CoinNumber(props: {
amount?: number
Expand Down
1 change: 1 addition & 0 deletions web/public/SweepiesFlat.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 19 additions & 0 deletions web/public/custom-components/manaFlatCoin.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import clsx from 'clsx'
import { ENV_CONFIG } from 'common/envs/constants'
import Image from 'next/image'

export function ManaFlatCoin(props: { className?: string }) {
const { className } = props
return (
<img
src="/manaFlat.svg"
alt={ENV_CONFIG.moneyMoniker}
className={clsx('inline-block', className)}
style={{
width: '1em',
height: '1em',
marginRight: '0.1em',
}}
/>
)
}
19 changes: 19 additions & 0 deletions web/public/custom-components/sweepiesFlatCoin.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
import clsx from 'clsx'
import { ENV_CONFIG } from 'common/envs/constants'
import Image from 'next/image'

export function SweepiesFlatCoin(props: { className?: string }) {
const { className } = props
return (
<img
src="/sweepiesFlat.svg"
alt={ENV_CONFIG.moneyMoniker}
className={clsx('inline-block', className)}
style={{
width: '1em',
height: '1em',
marginRight: '0.1em',
}}
/>
)
}
38 changes: 38 additions & 0 deletions web/public/manaFlat.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit b47caaa

Please sign in to comment.