added linting

added linting

app/grouping/GroupCreator.tsx

@@ -1,9 +1,8 @@
 "use client";
 
-import { LocationContext } from "@/components/locationContenxt";
-import { useContext, useEffect, useState } from "react";
+import { LocationContext } from "@/components/locationContext";
+import { useContext, useState } from "react";
 import Grouping from "./Grouping";
-import { unique } from "drizzle-orm/mysql-core";
 
 type Props = {
   allJobs: JobCategory[];
@@ -22,7 +21,7 @@ export default function GroupCreator({ allJobs }: Props) {
   let locationContext = useContext(LocationContext);
   let [usedJobs, setUsedJobs] = useState<number[]>([]);
   let [groups, setGroup] = useState<Group[]>(
-    [...Array(4).keys()].map((i) => ({ id: i + 1, jobs: [] }))
+    [...Array(4).keys()].map((i) => ({ id: i + 1, jobs: [] })),
   );
   function useJob(id: number) {
     setUsedJobs((u) => [...u, id]);
@@ -37,13 +36,11 @@ export default function GroupCreator({ allJobs }: Props) {
       groups.map((g) => {
         if (g.id != id) return g;
         else return { id, jobs };
-      })
+      }),
     );
   }
 
-  useEffect(() => {
-    console.log(groups);
-  }, [groups]);
+  function submit() {} //TODO! submit group
 
   if (
     locationContext?.zone[0] == undefined ||
@@ -66,7 +63,9 @@ export default function GroupCreator({ allJobs }: Props) {
       ))}
 
       <div className="flex justify-center">
-        <button className="bg-green-300 rounded-md p-2">ยืนยัน</button>
+        <button className="rounded-md bg-green-300 p-2" onClick={submit}>
+          ยืนยัน
+        </button>
       </div>
     </div>
   );

app/grouping/Grouping.tsx

@@ -28,9 +28,9 @@ export default function Grouping({
   }
   useEffect(() => {
     updateGroup(selectedJob.map((j) => j.id));
-  }, [selectedJob]);
+  }, [selectedJob, updateGroup]);
   return (
-    <div className="flex flex-col gap-2 m-2 p-2 border-black rounded-md shadow-md border w-full">
+    <div className="m-2 flex w-full flex-col gap-2 rounded-md border border-black p-2 shadow-md">
       {selectedJob.map((j) => (
         <div className="flex justify-between gap-2 p-2" key={j.id}>
           <p>{j.name}</p>

app/grouping/page.tsx

@@ -1,6 +1,6 @@
 import { db } from "@/src/db";
 import LocationSelector from "../../components/LocationSelector";
-import LocationContextProvider from "@/components/locationContenxt";
+import LocationContextProvider from "@/components/locationContext";
 import GroupCreator from "./GroupCreator";
 
 export default async function Page() {

app/inside/IdComponent.tsx

@@ -14,7 +14,7 @@ export default function IdComponent({ updateIdList }: Props) {
   };
   useEffect(() => {
     updateIdList([...idSet]);
-  }, [idSet]);
+  }, [idSet, updateIdList]);
   return (
     <div className="flex justify-center">
       <div className="flex flex-col gap-2">
@@ -37,7 +37,7 @@ function FixedId({ cid, removeCid }: FixedIdProps) {
     <div className="flex gap-2">
       <input type="text" className="border-2" disabled value={cid} />
       <button
-        className="bg-red-300 p-2 rounded-md"
+        className="rounded-md bg-red-300 p-2"
         onClick={() => removeCid(cid)}
       >
         ลบ
@@ -61,7 +61,7 @@ function SingleIdComponent({ onValidId }: SingleIdProps) {
 
       setCid("");
     }
-  }, [cid]);
+  }, [cid, onValidId]);
   return (
     <div className="flex gap-2">
       <input

app/inside/page.tsx

@@ -4,15 +4,13 @@ import IdComponent from "./IdComponent";
 
 export default function Page() {
   let [idList, setIdList] = useState<string[]>([]);
-  function submit() {
-    console.log(idList);
-  }
+  function submit() {} //TODO! submit inside user
   return (
     <div>
       <IdComponent updateIdList={(cids) => setIdList(cids)} />
-      <p className="flex justify-center gap-4 mt-2 items-center">
+      <p className="mt-2 flex items-center justify-center gap-4">
         Total: {idList.length}{" "}
-        <button className="bg-green-200 p-2 rounded-md" onClick={submit}>
+        <button className="rounded-md bg-green-200 p-2" onClick={submit}>
           Submit
         </button>
       </p>