mooore pigs

web/src/components/general/Pig.tsx

@@ -1,5 +1,15 @@
 import styles from "./pig.module.scss";
+import { ChillPig } from "./pigs/ChillPig";
+import { DancePig } from "./pigs/DancePig";
+import { DrinkPig } from "./pigs/DrinkPig";
+import { GuardPig } from "./pigs/GuardPig";
+import { KeyPig } from "./pigs/KeyPig";
+import { ListenPig } from "./pigs/ListenPig";
 import { LogoPig } from "./pigs/LogoPig";
+import { MusicPig } from "./pigs/MusicPig";
+import { PeekPig } from "./pigs/PeekPig";
+import { PointPig } from "./pigs/PointPig";
+import { StudentPig } from "./pigs/StudentPig";
 
 export const Pig = ({
   type,
@@ -7,13 +17,29 @@ export const Pig = ({
   type:
     | "logo"
     | "music"
+    | "drink"
+    | "dance"
     | "point"
     | "student"
-    | "dance"
     | "listen"
-    | "drink"
     | "guard"
+    | "key"
+    | "chill"
     | "peek";
 }) => {
-  return <div className={styles.pig}>{type === "logo" && <LogoPig />}</div>;
+  return (
+    <div className={styles.pig}>
+      {type === "logo" && <LogoPig />}
+      {type === "music" && <MusicPig />}
+      {type === "drink" && <DrinkPig />}
+      {type === "dance" && <DancePig />}
+      {type === "point" && <PointPig />}
+      {type === "student" && <StudentPig />}
+      {type === "listen" && <ListenPig />}
+      {type === "guard" && <GuardPig />}
+      {type === "key" && <KeyPig />}
+      {type === "chill" && <ChillPig />}
+      {type === "peek" && <PeekPig />}
+    </div>
+  );
 };