fix typo in ci

src/components/Amogus/Amogus.tsx

@@ -12,90 +12,81 @@ type Amogus = {
     speedY: number;
 };
 
-const { innerWidth: width, innerHeight: height } = window;
-
 const getImage = (sus: Amogus) => (sus.isImposter ? imposter : amogus);
 
-const makeInitialCrewmates: Amogus[] = () => {
+const initialCrewmates: Amogus[] = [
-    return [
+    { key: "a", isImposter: true, posX: 10, posY: 20, speedX: 10, speedY: 30 },
-        makeCrewmate(true),
+    {
-        makeCrewmate(false),
+        key: "b",
-        makeCrewmate(false),
+        isImposter: false,
-        makeCrewmate(false),
+        posX: 400,
-        makeCrewmate(false),
+        posY: 200,
-        makeCrewmate(false),
+        speedX: 10,
-    ];
+        speedY: -20,
+    },
+    {
+        key: "c",
+        isImposter: false,
+        posX: 900,
+        posY: 200,
+        speedX: -20,
+        speedY: 10,
+    },
+];
+
+const makeCrewmate = (crewmate: Amogus) => {
+    const image = getImage(crewmate);
+    return (
+        <div
+            key={crewmate.key}
+            className={style.container}
+            style={{ top: crewmate.posY, left: crewmate.posX }}
+        >
+            <img src={image} alt="Amogus" />
+        </div>
+    );
 };
 
-const randNum: number = (min: number, max: number) =>
+const stepCrewmates = (list: Amogus[]) => {
-    Math.random() * (max - min) + min;
+    const { innerWidth: width, innerHeight: height } = window;
-
+    const newCrewmates = list.slice();
-const makeCrewmate: Amogus = (imposter: boolean) => ({
+    for (const c of newCrewmates) {
-    isImposter: imposter,
+        let newX = c.posX + c.speedX;
-    posX: randNum(0, width - 90),
+        let newY = c.posY + c.speedY;
-    posY: randNum(0, height - 120),
+        if (newX > width - 90) {
-    speedX: Math.random() > 0.5 ? randNum(5, 15) : randNum(-5, -15),
+            newX = width - 90;
-    speedY: Math.random() > 0.5 ? randNum(5, 15) : randNum(-5, -15),
+            c.speedX *= -1;
-});
+        }
-
+        if (newX < 0) {
-const intersect: Bool = (c1: Crewmate, c2: Crewmate) =>
+            newX = 0;
-    Math.abs(c1.posX - c2.posX) < 80 && Math.abs(c1.posY - c2.posY) < 90;
+            c.speedX *= -1;
-
+        }
-const doMove = (crewmates: Amogus[]) =>
+        if (newY > height - 120) {
-    crewmates.map((c) => ({
+            newY = height - 120;
-        ...c,
+            c.speedY *= -1;
-        posX: c.posX + c.speedX,
+        }
-        posY: c.posY + c.speedY,
+        if (newY < 0) {
-    }));
+            newY = 0;
-
+            c.speedY *= -1;
-const doCollision = (crewmates: Amogus[]) => p;
+        }
-crewmates.map((c) => {
+        c.posX = newX;
-    if (c.posX > width - 90) {
+        c.posY = newY;
-        return { ...c, posX: width - 90, speedX: c.speedX * -1 };
+    }
-    } else if (c.posX < 0) {
+    return newCrewmates;
-        return { ...c, posX: 0, speedX: c.speedX * -1 };
-    } else if (c.posY > height - 120) {
-        return { ...c, posY: height - 120, speedY: c.speedY * -1 };
-    } else if (c.posY < 0) {
-        return { ...c, posY: 0, speedY: c.speedY * -1 };
-    } else return c;
-});
-
-const doKills = (crewmates: Amogus[]) => {
-    const imposters = crewmates.filter((c) => c.isImposter);
-    const alive = crewmates
-        .filter((c) => !c.isImposter)
-        .filter((c) => imposters.every((i) => !intersect(i, c)));
-    return imposters.concat(alive);
 };
 
-const checkReset = (crewmates: Amogus[]) =>
-    crewmates.every((c) => c.isImposter) ? makeInitialCrewmates() : crewmates;
-
-const renderCrewmate = (crewmate: Amogus, key: number) => (
-    <div
-        key={key}
-        className={style.container}
-        style={{ top: crewmate.posY, left: crewmate.posX }}
-    >
-        <img src={getImage(crewmate)} alt="Amogus" />
-    </div>
-);
-
 export default function Amogus() {
-    const [crewmates, setCrewmates] = useState(() => makeInitialCrewmates());
+    const [crewmates, setCrewmates] = useState(initialCrewmates);
 
     useEffect(() => {
         const timer = setInterval(() => {
-            setCrewmates((c) => doMove(c));
+            const c = crewmates;
-            setCrewmates((c) => doCollision(c));
+            setCrewmates(stepCrewmates(c));
-            setCrewmates((c) => doKills(c));
+        }, 100);
-            setCrewmates((c) => checkReset(c));
-        }, 50);
         return () => {
             clearInterval(timer);
         };
-    }, []);
+    }, [crewmates]);
 
-    return <>{crewmates.map((c, index) => renderCrewmate(c, index))}</>;
+    return <>{crewmates.map((c) => makeCrewmate(c))}</>;
 }