Clean up some markup & dead code
This commit is contained in:
parent
d658a48b66
commit
5b6db12720
|
@ -1,3 +1,4 @@
|
|||
import clsx from 'clsx'
|
||||
import dayjs from 'dayjs'
|
||||
import { User } from 'common/user'
|
||||
import { useUser, useUserById } from 'web/hooks/use-user'
|
||||
|
@ -24,26 +25,23 @@ export function FeedLiquidity(props: {
|
|||
const isSelf = user?.id === userId
|
||||
|
||||
return (
|
||||
<>
|
||||
<Row className="flex w-full gap-2 pt-3">
|
||||
{isSelf ? (
|
||||
<Avatar avatarUrl={user.avatarUrl} username={user.username} />
|
||||
) : bettor ? (
|
||||
<Avatar avatarUrl={bettor.avatarUrl} username={bettor.username} />
|
||||
) : (
|
||||
<div className="relative px-1">
|
||||
<EmptyAvatar />
|
||||
</div>
|
||||
)}
|
||||
<div className={'min-w-0 flex-1 py-1.5'}>
|
||||
<LiquidityStatusText
|
||||
liquidity={liquidity}
|
||||
isSelf={isSelf}
|
||||
bettor={bettor}
|
||||
/>
|
||||
<Row className="flex w-full gap-2 pt-3">
|
||||
{isSelf ? (
|
||||
<Avatar avatarUrl={user.avatarUrl} username={user.username} />
|
||||
) : bettor ? (
|
||||
<Avatar avatarUrl={bettor.avatarUrl} username={bettor.username} />
|
||||
) : (
|
||||
<div className="relative px-1">
|
||||
<EmptyAvatar />
|
||||
</div>
|
||||
</Row>
|
||||
</>
|
||||
)}
|
||||
<LiquidityStatusText
|
||||
liquidity={liquidity}
|
||||
isSelf={isSelf}
|
||||
bettor={bettor}
|
||||
className={'flex-1'}
|
||||
/>
|
||||
</Row>
|
||||
)
|
||||
}
|
||||
|
||||
|
@ -51,8 +49,9 @@ export function LiquidityStatusText(props: {
|
|||
liquidity: LiquidityProvision
|
||||
isSelf: boolean
|
||||
bettor?: User
|
||||
className?: string
|
||||
}) {
|
||||
const { liquidity, bettor, isSelf } = props
|
||||
const { liquidity, bettor, isSelf, className } = props
|
||||
const { amount, createdTime } = liquidity
|
||||
|
||||
// TODO: Withdrawn liquidity will never be shown, since liquidity amounts currently are zeroed out upon withdrawal.
|
||||
|
@ -60,7 +59,7 @@ export function LiquidityStatusText(props: {
|
|||
const money = formatMoney(Math.abs(amount))
|
||||
|
||||
return (
|
||||
<div className="text-sm text-gray-500">
|
||||
<div className={clsx(className, 'text-sm text-gray-500')}>
|
||||
{bettor ? (
|
||||
<UserLink name={bettor.name} username={bettor.username} />
|
||||
) : (
|
||||
|
|
|
@ -24,11 +24,10 @@ function shortenName(name: string) {
|
|||
export function UserLink(props: {
|
||||
name: string
|
||||
username: string
|
||||
showUsername?: boolean
|
||||
className?: string
|
||||
short?: boolean
|
||||
}) {
|
||||
const { name, username, showUsername, className, short } = props
|
||||
const { name, username, className, short } = props
|
||||
const shortName = short ? shortenName(name) : name
|
||||
return (
|
||||
<SiteLink
|
||||
|
@ -36,7 +35,6 @@ export function UserLink(props: {
|
|||
className={clsx('z-10 truncate', className)}
|
||||
>
|
||||
{shortName}
|
||||
{showUsername && ` (@${username})`}
|
||||
</SiteLink>
|
||||
)
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue
Block a user