Make transparent the avatar bg

This commit is contained in:
Ian Philips 2022-09-01 16:14:24 -06:00
parent 40aeda2b9e
commit abd17377ce
3 changed files with 7 additions and 9 deletions

View File

@ -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,

View File

@ -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)

View File

@ -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'}
/> />