refactor: Remove console.log statements from MemberCard and MyMemberC…

…ard components
yanquisalexander · Aug 23, 2024 · f42424b · f42424b
1 parent 370db05
commit f42424b
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 8 deletions.
diff --git a/public/images/stickers/ttcHiFi.webp b/public/images/stickers/ttcHiFi.webp
diff --git a/src/components/MemberCard.tsx b/src/components/MemberCard.tsx
@@ -27,8 +27,6 @@ export const MemberCard = ({
     const { username = 'Unknown User', avatar = '' } = user;
     const memberCardNumber = `#${number != null ? number.toString().padStart(5, "0") : ""}`;
 
-    console.log('MemberCard', { number, user, className, handleRemoveSticker, selectedStickers });
-
     return (
         <div className={cn("block h-full overflow-hidden rounded-[60px] border p-5 aspect-none w-full md:aspect-[2/1] border-white/30 bg-white/10 transition duration-500 ease-in-out", className)}>
             <div className="relative h-full overflow-hidden border rounded-[40px] member-card-gradient-bg grid md:flex border-white/80 transition duration-500 ease-in-out">

diff --git a/src/components/MyMemberCard.tsx b/src/components/MyMemberCard.tsx
@@ -20,6 +20,8 @@ export const MyMemberCard = ({ session, stickers = [], tier }: { session: Sessio
     })
     const [generating, setGenerating] = useState(false)
 
+    console.log({ session, stickers, tier, selectedStickers })
+
     const shareMyCard = () => {
         const message = `Hey! Check out my member card on The Tangerine Club!
 
@@ -93,13 +95,13 @@ export const MyMemberCard = ({ session, stickers = [], tier }: { session: Sessio
 
     const handleSelectSticker = async (selectedSticker: string) => {
         const newStickers = selectedStickers.list
-        // If sticker is already selected, return
+        const emptyIndex = newStickers.indexOf(null)
+        if (emptyIndex === -1) return
+
         if (newStickers.includes(selectedSticker)) return
-        // Find the first empty slot
-        const index = newStickers.findIndex((sticker) => sticker === null)
-        // If no empty slot is found, return
-        if (index === -1) return
-        newStickers[index] = selectedSticker
+        if (selectedStickers.limit <= newStickers.filter(Boolean).length) return
+
+        newStickers[emptyIndex] = selectedSticker
         setSelectedStickers({
             limit: selectedStickers.limit,
             list: newStickers,

diff --git a/src/consts/Stickers.ts b/src/consts/Stickers.ts
@@ -4,5 +4,8 @@ export const STICKERS = [
     },
     {
         id: 'ttcMate'
+    },
+    {
+        id: 'ttcHiFi'
     }
 ]
-Original file line number
+Diff line change
@@ Expand Up / @@ -4,5 +4,8 @@ export const STICKERS = [ @@
         },
         {
             id: 'ttcMate'
+        },
+        {
+            id: 'ttcHiFi'
         }
     ]