Make transparent the avatar bg
This commit is contained in:
parent
40aeda2b9e
commit
abd17377ce
|
@ -743,7 +743,7 @@ export const createUniqueBettorBonusNotification = async (
|
||||||
sourceUserUsername: bettor.username,
|
sourceUserUsername: bettor.username,
|
||||||
sourceUserAvatarUrl: bettor.avatarUrl,
|
sourceUserAvatarUrl: bettor.avatarUrl,
|
||||||
sourceText: amount.toString(),
|
sourceText: amount.toString(),
|
||||||
sourceSlug: `/${contract.creatorUsername}/${contract.slug}`,
|
sourceSlug: contract.slug,
|
||||||
sourceTitle: contract.question,
|
sourceTitle: contract.question,
|
||||||
// Perhaps not necessary, but just in case
|
// Perhaps not necessary, but just in case
|
||||||
sourceContractSlug: contract.slug,
|
sourceContractSlug: contract.slug,
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
import { useState } from 'react'
|
import { useState } from 'react'
|
||||||
import { Row } from 'web/components/layout/row'
|
import { Row } from 'web/components/layout/row'
|
||||||
import clsx from 'clsx'
|
|
||||||
import { Modal } from 'web/components/layout/modal'
|
import { Modal } from 'web/components/layout/modal'
|
||||||
import { Col } from 'web/components/layout/col'
|
import { Col } from 'web/components/layout/col'
|
||||||
import { formatMoney } from 'common/lib/util/format'
|
import { formatMoney } from 'common/lib/util/format'
|
||||||
|
@ -15,12 +14,11 @@ export type MultiUserLinkInfo = {
|
||||||
amount: number
|
amount: number
|
||||||
}
|
}
|
||||||
|
|
||||||
export function MultiUserLink(props: {
|
export function MultiUserTransactionLink(props: {
|
||||||
userInfos: MultiUserLinkInfo[]
|
userInfos: MultiUserLinkInfo[]
|
||||||
modalLabel: string
|
modalLabel: string
|
||||||
className?: string
|
|
||||||
}) {
|
}) {
|
||||||
const { userInfos, className, modalLabel } = props
|
const { userInfos, modalLabel } = props
|
||||||
const [open, setOpen] = useState(false)
|
const [open, setOpen] = useState(false)
|
||||||
const maxShowCount = 5
|
const maxShowCount = 5
|
||||||
return (
|
return (
|
||||||
|
@ -28,7 +26,7 @@ export function MultiUserLink(props: {
|
||||||
<Button
|
<Button
|
||||||
size={'xs'}
|
size={'xs'}
|
||||||
color={'gray-white'}
|
color={'gray-white'}
|
||||||
className={clsx('z-10 mr-1 gap-1', className)}
|
className={'z-10 mr-1 gap-1 bg-transparent'}
|
||||||
onClick={(e) => {
|
onClick={(e) => {
|
||||||
e.stopPropagation()
|
e.stopPropagation()
|
||||||
setOpen(true)
|
setOpen(true)
|
|
@ -47,8 +47,8 @@ import { UserLink } from 'web/components/user-link'
|
||||||
import { LoadingIndicator } from 'web/components/loading-indicator'
|
import { LoadingIndicator } from 'web/components/loading-indicator'
|
||||||
import {
|
import {
|
||||||
MultiUserLinkInfo,
|
MultiUserLinkInfo,
|
||||||
MultiUserLink,
|
MultiUserTransactionLink,
|
||||||
} from 'web/components/multi-user-link'
|
} from 'web/components/multi-user-transaction-link'
|
||||||
import { Col } from 'web/components/layout/col'
|
import { Col } from 'web/components/layout/col'
|
||||||
|
|
||||||
export const NOTIFICATIONS_PER_PAGE = 30
|
export const NOTIFICATIONS_PER_PAGE = 30
|
||||||
|
@ -506,7 +506,7 @@ function IncomeNotificationItem(props: {
|
||||||
/>
|
/>
|
||||||
<Col className={'justify-start text-gray-500'}>
|
<Col className={'justify-start text-gray-500'}>
|
||||||
{(isTip || isUniqueBettorBonus) && (
|
{(isTip || isUniqueBettorBonus) && (
|
||||||
<MultiUserLink
|
<MultiUserTransactionLink
|
||||||
userInfos={userLinks}
|
userInfos={userLinks}
|
||||||
modalLabel={isTip ? 'Who tipped you' : 'Unique bettors'}
|
modalLabel={isTip ? 'Who tipped you' : 'Unique bettors'}
|
||||||
/>
|
/>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user