From 1a1fec9d8c4ab9955f2808fed33188a7c58f0985 Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sat, 28 Sep 2024 05:02:49 +0900
Subject: [PATCH 01/11] Order_to_OrderEntity

---
 app/routes/_header.casher.tsx | 143 ++++++++++++++++------------------
 1 file changed, 68 insertions(+), 75 deletions(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index 0fa05ac9..f1d90e9f 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -1,9 +1,11 @@
 import { parseWithZod } from "@conform-to/zod";
 import { AlertDialogCancel } from "@radix-ui/react-alert-dialog";
 import { TrashIcon } from "@radix-ui/react-icons";
-import { type ClientActionFunction, json } from "@remix-run/react";
+import { type ClientActionFunction, json, useSubmit } from "@remix-run/react";
+import { set } from "lodash";
 import { useState } from "react";
 import useSWRSubscription from "swr/subscription";
+import { z } from "zod";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -25,35 +27,12 @@ import {
   TableHeader,
   TableRow,
 } from "~/components/ui/table";
-import { itemConverter } from "~/firebase/converter";
+import { itemConverter, orderConverter } from "~/firebase/converter";
 import { collectionSub } from "~/firebase/subscription";
-import { ItemEntity, itemSchema } from "~/models/item";
-import type { Order } from "~/models/order";
-import { itemRepository } from "~/repositories/item";
-
-const mockOrder: Order = {
-  orderId: 1,
-  createdAt: new Date(),
-  servedAt: null,
-  items: [
-    // {
-    //   id: "1",
-    //   type: "ice",
-    //   name: "珈琲・俺ブレンド",
-    //   price: 300,
-    // },
-  ],
-  total: 0,
-  orderReady: false,
-  description: "",
-  discountInfo: {
-    previousOrderId: null,
-    validCups: 0,
-    discount: 0,
-  },
-  received: 0,
-  billingAmount: 0,
-};
+import { stringToJSONSchema } from "~/lib/custom-zod";
+import { WithId } from "~/lib/typeguard";
+import { ItemEntity } from "~/models/item";
+import { OrderEntity, orderSchema } from "~/models/order";
 
 export default function Casher() {
   // const total = mockOrder.items.reduce((acc, cur) => acc + cur.price, 0);
@@ -61,8 +40,18 @@ export default function Casher() {
     "items",
     collectionSub({ converter: itemConverter }),
   );
+  const { data: orders } = useSWRSubscription(
+    "orders",
+    collectionSub({ converter: orderConverter }),
+  );
+  const curOrderId =
+    orders?.reduce((acc, cur) => Math.max(acc, cur.orderId), 0) ?? 0;
+  const nextOrderId = curOrderId + 1;
+  const order = OrderEntity.createNew({ orderId: nextOrderId });
   const [recieved, setText] = useState(0);
-  const [order, setOrder] = useState<Order>(mockOrder);
+  // const [order, setOrder] = useState<OrderEntity>(newOrder);
+  const [queue, setQueue] = useState<WithId<ItemEntity>[]>([]);
+  order.items = queue;
 
   return (
     <div>
@@ -73,18 +62,20 @@ export default function Casher() {
               <div key={item.id}>
                 <Button
                   onClick={async () => {
-                    setOrder((prev) => {
-                      const newItems = [...prev.items, item]; // 新しい配列を作成
-                      const newTotal = newItems.reduce(
-                        (acc, cur) => acc + cur.price,
-                        0,
-                      ); // 新しい合計金額を計算
-                      return {
-                        ...prev, // 既存のオブジェクトの他の部分を維持
-                        items: newItems, // 更新されたitems
-                        total: newTotal, // 更新されたtotal
-                      };
-                    });
+                    // setOrder((prev) => {
+                    //   const newItems = [...prev.items, item]; // 新しい配列を作成
+                    //   // const newTotal = newItems.reduce(
+                    //   //   (acc, cur) => acc + cur.price,
+                    //   //   0,
+                    //   // ); // 新しい合計金額を計算
+                    //   return {
+                    //     ...prev, // 既存のオブジェクトの他の部分を維持
+                    //     items: newItems, // 更新されたitems
+                    //     // total: newTotal, // 更新されたtotal
+                    //   } as OrderEntity;
+                    // });
+                    // console.log(order);
+                    setQueue([...queue, item]);
                   }}
                 >
                   {item.name}
@@ -100,12 +91,13 @@ export default function Casher() {
               <TableHeader>
                 <TableRow>
                   <TableHead className="w-500">
-                    No. {mockOrder.orderId}
+                    No. {curOrderId}
                   </TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>
-                {order?.items.map((item, index) => (
+                {/* {order?.items.map((item, index) => ( */}
+                {queue?.map((item, index) => (
                   <TableRow
                     key={`${index}-${item.id}`}
                     className="relative h-[50px]"
@@ -116,18 +108,22 @@ export default function Casher() {
                         type="button"
                         className="absolute right-[50px] h-[30px] w-[25px]"
                         onClick={() => {
-                          setOrder((prev) => {
-                            const newItems = [...prev.items];
+                          // setOrder((prev) => {
+                          //   const newItems = [...prev.items];
+                          //   newItems.splice(index, 1);
+                          //   // const newTotal = newItems.reduce(
+                          //   //   (acc, cur) => acc + cur.price,
+                          //   //   0,
+                          //   // ); // 新しい合計金額を計算
+                          //   return {
+                          //     ...prev,
+                          //     items: newItems,
+                          //     // total: newTotal,
+                          //   } as OrderEntity;
+                          setQueue((prev) => {
+                            const newItems = [...prev];
                             newItems.splice(index, 1);
-                            const newTotal = newItems.reduce(
-                              (acc, cur) => acc + cur.price,
-                              0,
-                            ); // 新しい合計金額を計算
-                            return {
-                              ...prev,
-                              items: newItems,
-                              total: newTotal,
-                            };
+                            return newItems;
                           });
                         }}
                       >
@@ -182,7 +178,7 @@ export default function Casher() {
                         </AlertDialogCancel>
                         <AlertDialogAction
                           type="submit"
-                          onClick={() => mockOrderInitialize()}
+                          onClick={async (event) => { }}
                         >
                           送信
                         </AlertDialogAction>
@@ -201,28 +197,25 @@ export default function Casher() {
 
 export const clientAction: ClientActionFunction = async ({ request }) => {
   const formData = await request.formData();
-  const submission = parseWithZod(formData, { schema: itemSchema });
 
+  const schema = z.object({
+    newOrder: stringToJSONSchema.pipe(orderSchema),
+  });
+  const submission = parseWithZod(formData, {
+    schema,
+  });
   if (submission.status !== "success") {
-    return json(submission.reply());
+    console.error(submission.error);
+    return submission.reply();
   }
 
-  const newItem = submission.value;
-  // あとでマシなエラーハンドリングにする
-  const savedItem = await itemRepository.save(
-    ItemEntity.createNew({
-      name: newItem.name,
-      price: newItem.price,
-      type: newItem.type,
-    }),
-  );
+  // const { newOrder } = submission.value;
+  // const order = OrderEntity.createNew({ orderId: newOrder.orderId });
+  // order.items = newOrder.items;
 
-  console.log("Document written with ID: ", savedItem.id);
-  return new Response(null, { status: 204 });
-};
+  // const savedOrder = await orderRepository.save(order);
 
-function mockOrderInitialize() {
-  mockOrder.items = [];
-  mockOrder.total = 0;
-  console.log(mockOrder);
-}
+  // console.log("savedOrder", savedOrder);
+
+  return new Response("ok");
+};

From b55c3cd53ba2690072f99468ac027c55eb03bb35 Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sat, 28 Sep 2024 05:04:13 +0900
Subject: [PATCH 02/11] deleteCommentout

---
 app/routes/_header.casher.tsx | 36 -----------------------------------
 1 file changed, 36 deletions(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index f1d90e9f..dae62058 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -2,7 +2,6 @@ import { parseWithZod } from "@conform-to/zod";
 import { AlertDialogCancel } from "@radix-ui/react-alert-dialog";
 import { TrashIcon } from "@radix-ui/react-icons";
 import { type ClientActionFunction, json, useSubmit } from "@remix-run/react";
-import { set } from "lodash";
 import { useState } from "react";
 import useSWRSubscription from "swr/subscription";
 import { z } from "zod";
@@ -35,7 +34,6 @@ import { ItemEntity } from "~/models/item";
 import { OrderEntity, orderSchema } from "~/models/order";
 
 export default function Casher() {
-  // const total = mockOrder.items.reduce((acc, cur) => acc + cur.price, 0);
   const { data: items } = useSWRSubscription(
     "items",
     collectionSub({ converter: itemConverter }),
@@ -49,7 +47,6 @@ export default function Casher() {
   const nextOrderId = curOrderId + 1;
   const order = OrderEntity.createNew({ orderId: nextOrderId });
   const [recieved, setText] = useState(0);
-  // const [order, setOrder] = useState<OrderEntity>(newOrder);
   const [queue, setQueue] = useState<WithId<ItemEntity>[]>([]);
   order.items = queue;
 
@@ -62,19 +59,6 @@ export default function Casher() {
               <div key={item.id}>
                 <Button
                   onClick={async () => {
-                    // setOrder((prev) => {
-                    //   const newItems = [...prev.items, item]; // 新しい配列を作成
-                    //   // const newTotal = newItems.reduce(
-                    //   //   (acc, cur) => acc + cur.price,
-                    //   //   0,
-                    //   // ); // 新しい合計金額を計算
-                    //   return {
-                    //     ...prev, // 既存のオブジェクトの他の部分を維持
-                    //     items: newItems, // 更新されたitems
-                    //     // total: newTotal, // 更新されたtotal
-                    //   } as OrderEntity;
-                    // });
-                    // console.log(order);
                     setQueue([...queue, item]);
                   }}
                 >
@@ -108,18 +92,6 @@ export default function Casher() {
                         type="button"
                         className="absolute right-[50px] h-[30px] w-[25px]"
                         onClick={() => {
-                          // setOrder((prev) => {
-                          //   const newItems = [...prev.items];
-                          //   newItems.splice(index, 1);
-                          //   // const newTotal = newItems.reduce(
-                          //   //   (acc, cur) => acc + cur.price,
-                          //   //   0,
-                          //   // ); // 新しい合計金額を計算
-                          //   return {
-                          //     ...prev,
-                          //     items: newItems,
-                          //     // total: newTotal,
-                          //   } as OrderEntity;
                           setQueue((prev) => {
                             const newItems = [...prev];
                             newItems.splice(index, 1);
@@ -209,13 +181,5 @@ export const clientAction: ClientActionFunction = async ({ request }) => {
     return submission.reply();
   }
 
-  // const { newOrder } = submission.value;
-  // const order = OrderEntity.createNew({ orderId: newOrder.orderId });
-  // order.items = newOrder.items;
-
-  // const savedOrder = await orderRepository.save(order);
-
-  // console.log("savedOrder", savedOrder);
-
   return new Response("ok");
 };

From 1715cfb14c4d2263e3fa54ed62f2e2b9445852e9 Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sat, 28 Sep 2024 05:07:01 +0900
Subject: [PATCH 03/11] fix:import

---
 app/routes/_header.casher.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index dae62058..004c8e18 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -1,7 +1,7 @@
 import { parseWithZod } from "@conform-to/zod";
 import { AlertDialogCancel } from "@radix-ui/react-alert-dialog";
 import { TrashIcon } from "@radix-ui/react-icons";
-import { type ClientActionFunction, json, useSubmit } from "@remix-run/react";
+import type { ClientActionFunction } from "@remix-run/react";
 import { useState } from "react";
 import useSWRSubscription from "swr/subscription";
 import { z } from "zod";

From aaff878bd19a3934d0876955fa2b8318ce7996b6 Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sat, 28 Sep 2024 15:12:11 +0900
Subject: [PATCH 04/11] fix

---
 app/routes/_header.casher.tsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index 004c8e18..199120c3 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -29,9 +29,10 @@ import {
 import { itemConverter, orderConverter } from "~/firebase/converter";
 import { collectionSub } from "~/firebase/subscription";
 import { stringToJSONSchema } from "~/lib/custom-zod";
-import { WithId } from "~/lib/typeguard";
+import type { WithId } from "~/lib/typeguard";
 import { ItemEntity } from "~/models/item";
 import { OrderEntity, orderSchema } from "~/models/order";
+import { itemRepository } from "~/repositories/item";
 
 export default function Casher() {
   const { data: items } = useSWRSubscription(
@@ -80,7 +81,6 @@ export default function Casher() {
                 </TableRow>
               </TableHeader>
               <TableBody>
-                {/* {order?.items.map((item, index) => ( */}
                 {queue?.map((item, index) => (
                   <TableRow
                     key={`${index}-${item.id}`}
@@ -177,9 +177,21 @@ export const clientAction: ClientActionFunction = async ({ request }) => {
     schema,
   });
   if (submission.status !== "success") {
-    console.error(submission.error);
-    return submission.reply();
+    // return json(submission.reply());
+    // console.error(submission.error);
+    // return submission.reply();
   }
 
-  return new Response("ok");
+  // const newItem = submission.value;
+  // あとでマシなエラーハンドリングにする
+  const savedItem = await itemRepository.save(
+    ItemEntity.createNew({
+      // name: newItem.name,
+      // price: newItem.price,
+      // type: newItem.type,
+    }),
+  );
+
+  console.log("Document written with ID: ", savedItem.id);
+  return new Response(null, { status: 204 });
 };

From 0a4130e1854fc9d549ceac69584a4b7172c35633 Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sat, 28 Sep 2024 17:17:52 +0900
Subject: [PATCH 05/11] commentout:ClientActionFunction

---
 app/routes/_header.casher.tsx | 50 +++++++++++++++++------------------
 1 file changed, 25 insertions(+), 25 deletions(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index 199120c3..c68b4133 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -167,31 +167,31 @@ export default function Casher() {
   );
 }
 
-export const clientAction: ClientActionFunction = async ({ request }) => {
-  const formData = await request.formData();
+// export const clientAction: ClientActionFunction = async ({ request }) => {
+//   const formData = await request.formData();
 
-  const schema = z.object({
-    newOrder: stringToJSONSchema.pipe(orderSchema),
-  });
-  const submission = parseWithZod(formData, {
-    schema,
-  });
-  if (submission.status !== "success") {
-    // return json(submission.reply());
-    // console.error(submission.error);
-    // return submission.reply();
-  }
+//   const schema = z.object({
+//     newOrder: stringToJSONSchema.pipe(orderSchema),
+//   });
+//   const submission = parseWithZod(formData, {
+//     schema,
+//   });
+//   if (submission.status !== "success") {
+//     // return json(submission.reply());
+//     // console.error(submission.error);
+//     // return submission.reply();
+//   }
 
-  // const newItem = submission.value;
-  // あとでマシなエラーハンドリングにする
-  const savedItem = await itemRepository.save(
-    ItemEntity.createNew({
-      // name: newItem.name,
-      // price: newItem.price,
-      // type: newItem.type,
-    }),
-  );
+//   // const newItem = submission.value;
+//   // あとでマシなエラーハンドリングにする
+//   const savedItem = await itemRepository.save(
+//     ItemEntity.createNew({
+//       // name: newItem.name,
+//       // price: newItem.price,
+//       // type: newItem.type,
+//     }),
+//   );
 
-  console.log("Document written with ID: ", savedItem.id);
-  return new Response(null, { status: 204 });
-};
+//   console.log("Document written with ID: ", savedItem.id);
+//   return new Response(null, { status: 204 });
+// };

From a77c21bb31621257f523f55b9569204a0b3df18b Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sun, 29 Sep 2024 16:52:48 +0900
Subject: [PATCH 06/11] fix:Biome

---
 app/routes/_header.casher.tsx | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index c68b4133..697dc8ab 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -1,10 +1,10 @@
 import { parseWithZod } from "@conform-to/zod";
 import { AlertDialogCancel } from "@radix-ui/react-alert-dialog";
 import { TrashIcon } from "@radix-ui/react-icons";
-import type { ClientActionFunction } from "@remix-run/react";
+// import type { ClientActionFunction } from "@remix-run/react";
 import { useState } from "react";
 import useSWRSubscription from "swr/subscription";
-import { z } from "zod";
+// import { z } from "zod";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -28,11 +28,12 @@ import {
 } from "~/components/ui/table";
 import { itemConverter, orderConverter } from "~/firebase/converter";
 import { collectionSub } from "~/firebase/subscription";
-import { stringToJSONSchema } from "~/lib/custom-zod";
+// import { stringToJSONSchema } from "~/lib/custom-zod";
 import type { WithId } from "~/lib/typeguard";
-import { ItemEntity } from "~/models/item";
-import { OrderEntity, orderSchema } from "~/models/order";
-import { itemRepository } from "~/repositories/item";
+import type { ItemEntity } from "~/models/item";
+// import { OrderEntity, orderSchema } from "~/models/order";
+import { OrderEntity } from "~/models/order";
+// import { itemRepository } from "~/repositories/item";
 
 export default function Casher() {
   const { data: items } = useSWRSubscription(
@@ -75,9 +76,7 @@ export default function Casher() {
               <TableCaption />
               <TableHeader>
                 <TableRow>
-                  <TableHead className="w-500">
-                    No. {curOrderId}
-                  </TableHead>
+                  <TableHead className="w-500">No. {curOrderId}</TableHead>
                 </TableRow>
               </TableHeader>
               <TableBody>

From d21c523d774bb650c845995003989f76a63ba4bb Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sun, 29 Sep 2024 16:54:32 +0900
Subject: [PATCH 07/11] fix:biome

---
 app/routes/_header.casher.tsx | 32 ++------------------------------
 1 file changed, 2 insertions(+), 30 deletions(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index 697dc8ab..3df97468 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -1,4 +1,4 @@
-import { parseWithZod } from "@conform-to/zod";
+// import { parseWithZod } from "@conform-to/zod";
 import { AlertDialogCancel } from "@radix-ui/react-alert-dialog";
 import { TrashIcon } from "@radix-ui/react-icons";
 // import type { ClientActionFunction } from "@remix-run/react";
@@ -149,7 +149,7 @@ export default function Casher() {
                         </AlertDialogCancel>
                         <AlertDialogAction
                           type="submit"
-                          onClick={async (event) => { }}
+                        // onClick={async (event) => { }}
                         >
                           送信
                         </AlertDialogAction>
@@ -166,31 +166,3 @@ export default function Casher() {
   );
 }
 
-// export const clientAction: ClientActionFunction = async ({ request }) => {
-//   const formData = await request.formData();
-
-//   const schema = z.object({
-//     newOrder: stringToJSONSchema.pipe(orderSchema),
-//   });
-//   const submission = parseWithZod(formData, {
-//     schema,
-//   });
-//   if (submission.status !== "success") {
-//     // return json(submission.reply());
-//     // console.error(submission.error);
-//     // return submission.reply();
-//   }
-
-//   // const newItem = submission.value;
-//   // あとでマシなエラーハンドリングにする
-//   const savedItem = await itemRepository.save(
-//     ItemEntity.createNew({
-//       // name: newItem.name,
-//       // price: newItem.price,
-//       // type: newItem.type,
-//     }),
-//   );
-
-//   console.log("Document written with ID: ", savedItem.id);
-//   return new Response(null, { status: 204 });
-// };

From 66f9ef4cb631c05bc60797193431c87461bf9c46 Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sun, 29 Sep 2024 16:55:56 +0900
Subject: [PATCH 08/11] fix:biome

---
 app/routes/_header.casher.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index 3df97468..fc186ce9 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -149,7 +149,6 @@ export default function Casher() {
                         </AlertDialogCancel>
                         <AlertDialogAction
                           type="submit"
-                        // onClick={async (event) => { }}
                         >
                           送信
                         </AlertDialogAction>

From a01548e2ff9ba7719295e8764de460a9ed22282b Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sun, 29 Sep 2024 16:58:14 +0900
Subject: [PATCH 09/11] fix:biome

---
 app/routes/_header.casher.tsx | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index fc186ce9..523d3bc8 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -147,9 +147,7 @@ export default function Casher() {
                         <AlertDialogCancel type="button">
                           戻る
                         </AlertDialogCancel>
-                        <AlertDialogAction
-                          type="submit"
-                        >
+                        <AlertDialogAction type="submit">
                           送信
                         </AlertDialogAction>
                       </AlertDialogFooter>

From d36b99019d16c789ded0be577f0462cbbb14ac11 Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sun, 29 Sep 2024 16:59:01 +0900
Subject: [PATCH 10/11] fix:biome

---
 app/routes/_header.casher.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index 523d3bc8..6f06ddfb 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -162,4 +162,3 @@ export default function Casher() {
     </div>
   );
 }
-

From b6651445af1e9a91a4b19eccea497ebce0119951 Mon Sep 17 00:00:00 2001
From: Astalum <taaro20040526@icloud.com>
Date: Sun, 29 Sep 2024 17:25:02 +0900
Subject: [PATCH 11/11] fix:biome

---
 app/routes/_header.casher.tsx | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/app/routes/_header.casher.tsx b/app/routes/_header.casher.tsx
index 6f06ddfb..ab6b9c2e 100644
--- a/app/routes/_header.casher.tsx
+++ b/app/routes/_header.casher.tsx
@@ -1,10 +1,7 @@
-// import { parseWithZod } from "@conform-to/zod";
 import { AlertDialogCancel } from "@radix-ui/react-alert-dialog";
 import { TrashIcon } from "@radix-ui/react-icons";
-// import type { ClientActionFunction } from "@remix-run/react";
 import { useState } from "react";
 import useSWRSubscription from "swr/subscription";
-// import { z } from "zod";
 import {
   AlertDialog,
   AlertDialogAction,
@@ -28,12 +25,9 @@ import {
 } from "~/components/ui/table";
 import { itemConverter, orderConverter } from "~/firebase/converter";
 import { collectionSub } from "~/firebase/subscription";
-// import { stringToJSONSchema } from "~/lib/custom-zod";
 import type { WithId } from "~/lib/typeguard";
 import type { ItemEntity } from "~/models/item";
-// import { OrderEntity, orderSchema } from "~/models/order";
 import { OrderEntity } from "~/models/order";
-// import { itemRepository } from "~/repositories/item";
 
 export default function Casher() {
   const { data: items } = useSWRSubscription(