Remove monkey icon and add cow icon

andyplank · Dec 12, 2023 · 85dbf39 · 85dbf39
1 parent 1702a13
commit 85dbf39
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 5 deletions.
diff --git a/client/public/index.html b/client/public/index.html
@@ -25,7 +25,6 @@
     <link rel="preload" href='./icons/fox.svg' as="image" type="image/svg+xml" />
     <link rel="preload" href='./icons/horse.svg' as="image" type="image/svg+xml" />
     <link rel="preload" href='./icons/lion.svg' as="image" type="image/svg+xml" />
-    <link rel="preload" href='./icons/monkey.svg' as="image" type="image/svg+xml" />
     <link rel="preload" href='./icons/mouse.svg' as="image" type="image/svg+xml" />
     <link rel="preload" href='./icons/panda.svg' as="image" type="image/svg+xml" />
     <link rel="preload" href='./icons/pig.svg' as="image" type="image/svg+xml" />

diff --git a/client/public/service-worker.js b/client/public/service-worker.js
@@ -10,7 +10,6 @@ self.addEventListener('install', (event) => {
                 './icons/fox.svg',
                 './icons/horse.svg',
                 './icons/lion.svg',
-                './icons/monkey.svg',
                 './icons/mouse.svg',
                 './icons/panda.svg',
                 './icons/pig.svg',

diff --git a/client/src/components/Lobby.tsx b/client/src/components/Lobby.tsx
@@ -13,7 +13,7 @@ function Lobby({sendJsonMessage, isHost}: {sendJsonMessage: any, isHost: boolean
             <div className="container mx-auto p-10 shadow-xl rounded-2xl w-full">
                 <div className='pb-2'>
                     <h3 className='pb-10'>Select your icon:</h3>
-                    <div className='grid grid-cols-4 gap-2 md:grid-cols-7'>
+                    <div className='grid grid-cols-3 gap-2 md:grid-cols-7'>
                     {Object.keys(iconMap).map((iconName: string, idx:number) => {
                         return  <div key={iconName+idx}className='hover:scale-110 duration-500'> 
                                     <PlayerIcon iconName={iconName}/>

diff --git a/client/src/components/PlayerIcon.tsx b/client/src/components/PlayerIcon.tsx
@@ -8,14 +8,14 @@ export const iconMap:any = {
     dog: "dog.svg",
     fox: "fox.svg",
     lion: "lion.svg",
-    monkey: "monkey.svg",
     mouse: "mouse.svg",
     panda: "panda.svg",
     snake: "snake.svg",
     tiger: "tiger.svg",
     horse: "horse.svg",
     pig: "pig.svg",
     sheep: "sheep.svg",
+    cow: "cow.svg"
 }
 
 function PlayerIcon({iconName}: {iconName: string}) {
@@ -27,7 +27,7 @@ function PlayerIcon({iconName}: {iconName: string}) {
 
     return (
         <div className="p-2 lg:p-4">
-            <img src={`./icons/${icon}`} alt={iconName} />
+            <img src={`./icons/${icon}`} alt={iconName}/>
         </div>
     )
 }