From abd17377cea37e2a013c82f485d31258c72a3173 Mon Sep 17 00:00:00 2001
From: Ian Philips <iansphilips@gmail.com>
Date: Thu, 1 Sep 2022 16:14:24 -0600
Subject: [PATCH] Make transparent the avatar bg

---
 functions/src/create-notification.ts                      | 2 +-
 ...ulti-user-link.tsx => multi-user-transaction-link.tsx} | 8 +++-----
 web/pages/notifications.tsx                               | 6 +++---
 3 files changed, 7 insertions(+), 9 deletions(-)
 rename web/components/{multi-user-link.tsx => multi-user-transaction-link.tsx} (91%)

diff --git a/functions/src/create-notification.ts b/functions/src/create-notification.ts
index 86b13c4f..131d6e85 100644
--- a/functions/src/create-notification.ts
+++ b/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,
diff --git a/web/components/multi-user-link.tsx b/web/components/multi-user-transaction-link.tsx
similarity index 91%
rename from web/components/multi-user-link.tsx
rename to web/components/multi-user-transaction-link.tsx
index c5c7112d..2912635d 100644
--- a/web/components/multi-user-link.tsx
+++ b/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)
diff --git a/web/pages/notifications.tsx b/web/pages/notifications.tsx
index 96f5335d..2ec3ac6f 100644
--- a/web/pages/notifications.tsx
+++ b/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'}
             />