refactor: gold panel (#29)

* refactor: 可読性の向上

* refactor: トップダウン構造化

Author: takuyaihara

src/components/EditScreen/CommandWindow/GoldPanel.tsx

@@ -16,18 +16,17 @@ export const GoldPanel: React.FC<GoldPanelProps> = ({
   setSilentQuery,
   setNextIndex,
 }) => {
-  const findGold = (data: object | null): number => {
-    try {
-      const match = JSON.stringify(data).match(/"_gold":\s*(\d+)/);
-      return match ? Number(match[1]) : 0;
-    } catch {
-      return 0;
-    }
-  };
-
   const gold = findGold(saveData);
   const maxGold = 999_999_999;
-  const minGold = 0;
+
+  const changeGold = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const raw = e.target.value.replace(/\D/g, "");
+    const clamped = Math.min(Number(raw || "0"), maxGold);
+
+    updateGold(clamped);
+    setSilentQuery(true);
+    scroll();
+  };
 
   const updateGold = (amount: number) => {
     setSaveData((prev: object) => {
@@ -38,19 +37,19 @@ export const GoldPanel: React.FC<GoldPanelProps> = ({
     });
   };
 
-  const scrollGold = () => {
+  const scroll = () => {
     setQuery("_gold");
     setNextIndex(-1);
   };
 
-  const changeGold = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const trimmed = e.target.value.replace(/[^\d]/g, "").slice(0, 9);
-    const value = Math.min(Number(trimmed) || minGold, maxGold);
-
-    updateGold(value);
-    setSilentQuery(true);
-    scrollGold();
-  };
+  function findGold(data: object | null): number {
+    try {
+      const match = JSON.stringify(data).match(/"_gold":\s*(\d+)/);
+      return match ? Number(match[1]) : 0;
+    } catch {
+      return 0;
+    }
+  }
 
   return (
     <div className="gold-row">
@@ -59,7 +58,7 @@ export const GoldPanel: React.FC<GoldPanelProps> = ({
         onClick={() => {
           updateGold(maxGold);
           setSilentQuery(true);
-          scrollGold();
+          scroll();
         }}
       >
         Gold