Make transparent the avatar bg

functions/src/create-notification.ts

@@ -743,7 +743,7 @@ export const createUniqueBettorBonusNotification = async (
     sourceUserUsername: bettor.username,
     sourceUserAvatarUrl: bettor.avatarUrl,
     sourceText: amount.toString(),
-    sourceSlug: `/${contract.creatorUsername}/${contract.slug}`,
+    sourceSlug: contract.slug,
     sourceTitle: contract.question,
     // Perhaps not necessary, but just in case
     sourceContractSlug: contract.slug,

web/components/multi-user-transaction-link.tsx

@@ -1,6 +1,5 @@
 import { useState } from 'react'
 import { Row } from 'web/components/layout/row'
-import clsx from 'clsx'
 import { Modal } from 'web/components/layout/modal'
 import { Col } from 'web/components/layout/col'
 import { formatMoney } from 'common/lib/util/format'
@@ -15,12 +14,11 @@ export type MultiUserLinkInfo = {
   amount: number
 }
 
-export function MultiUserLink(props: {
+export function MultiUserTransactionLink(props: {
   userInfos: MultiUserLinkInfo[]
   modalLabel: string
-  className?: string
 }) {
-  const { userInfos, className, modalLabel } = props
+  const { userInfos, modalLabel } = props
   const [open, setOpen] = useState(false)
   const maxShowCount = 5
   return (
@@ -28,7 +26,7 @@ export function MultiUserLink(props: {
       <Button
         size={'xs'}
         color={'gray-white'}
-        className={clsx('z-10 mr-1 gap-1', className)}
+        className={'z-10 mr-1 gap-1 bg-transparent'}
         onClick={(e) => {
           e.stopPropagation()
           setOpen(true)

web/pages/notifications.tsx

@@ -47,8 +47,8 @@ import { UserLink } from 'web/components/user-link'
 import { LoadingIndicator } from 'web/components/loading-indicator'
 import {
   MultiUserLinkInfo,
-  MultiUserLink,
-} from 'web/components/multi-user-link'
+  MultiUserTransactionLink,
+} from 'web/components/multi-user-transaction-link'
 import { Col } from 'web/components/layout/col'
 
 export const NOTIFICATIONS_PER_PAGE = 30
@@ -506,7 +506,7 @@ function IncomeNotificationItem(props: {
         />
         <Col className={'justify-start text-gray-500'}>
           {(isTip || isUniqueBettorBonus) && (
-            <MultiUserLink
+            <MultiUserTransactionLink
               userInfos={userLinks}
               modalLabel={isTip ? 'Who tipped you' : 'Unique bettors'}
             />