lint

app/grouping/GroupCreator.tsx

@@ -18,9 +18,9 @@ type Group = {
   jobs: number[];
 };
 export default function GroupCreator({ allJobs }: Props) {
-  let locationContext = useContext(LocationContext);
-  let [usedJobs, setUsedJobs] = useState<number[]>([]);
-  let [groups, setGroup] = useState<Group[]>(
+  const locationContext = useContext(LocationContext);
+  const [usedJobs, setUsedJobs] = useState<number[]>([]);
+  const [groups, setGroup] = useState<Group[]>(
     [...Array(4).keys()].map((i) => ({ id: i + 1, jobs: [] })),
   );
   function useJob(id: number) {

app/grouping/Grouping.tsx

@@ -14,10 +14,10 @@ export default function Grouping({
   removeJob,
   updateGroup,
 }: Props) {
-  let [selectedJob, setSelectedJob] = useState<JobCategory[]>([]);
+  const [selectedJob, setSelectedJob] = useState<JobCategory[]>([]);
   function addJob(id: string) {
-    let _id = parseInt(id);
-    let job = availableJobs.find((j) => j.id == _id);
+    const _id = parseInt(id);
+    const job = availableJobs.find((j) => j.id == _id);
     if (job == undefined) return;
     setSelectedJob((old) => [...old, job]);
     selectJob(_id);

app/grouping/page.tsx

@@ -4,10 +4,10 @@ import LocationContextProvider from "@/components/locationContext";
 import GroupCreator from "./GroupCreator";
 
 export default async function Page() {
-  let provinces = await db.query.province
+  const provinces = await db.query.province
     .findMany({ with: { zones: true } })
     .execute();
-  let jobList = await db.query.group.findMany().execute();
+  const jobList = await db.query.group.findMany().execute();
   return (
     <LocationContextProvider>
       <LocationSelector provinces={provinces} />

app/inside/IdComponent.tsx

@@ -5,11 +5,11 @@ type Props = {
 };
 
 export default function IdComponent({ updateIdList }: Props) {
-  let [idSet, setIdSet] = useState<Set<string>>(new Set());
-  let onValidId = (id: string) => {
+  const [idSet, setIdSet] = useState<Set<string>>(new Set());
+  const onValidId = (id: string) => {
     setIdSet((prev) => new Set(prev.add(id)));
   };
-  let removeCid = (id: string) => {
+  const removeCid = (id: string) => {
     setIdSet((prev) => new Set([...prev].filter((x) => x !== id)));
   };
   useEffect(() => {
@@ -51,10 +51,10 @@ type SingleIdProps = {
 };
 
 function SingleIdComponent({ onValidId }: SingleIdProps) {
-  let [isValid, setIsValid] = useState(false);
-  let [cid, setCid] = useState("");
+  const [isValid, setIsValid] = useState(false);
+  const [cid, setCid] = useState("");
   useEffect(() => {
-    let isValidId = isValidThaiID(cid);
+    const isValidId = isValidThaiID(cid);
     setIsValid(isValidId);
     if (isValidId) {
       onValidId(cid);

app/inside/page.tsx

@@ -3,7 +3,7 @@ import { useState } from "react";
 import IdComponent from "./IdComponent";
 
 export default function Page() {
-  let [idList, setIdList] = useState<string[]>([]);
+  const [idList, setIdList] = useState<string[]>([]);
   function submit() {} //TODO! submit inside user
   return (
     <div>