Refactor mypage component and transaction table

walnuts1018 · Nov 5, 2023 · 8aacc53 · 8aacc53
1 parent 3668baf
commit 8aacc53
Show file tree

Hide file tree

Showing 7 changed files with 512 additions and 459 deletions.
diff --git a/front/src/app/[userid]/page.tsx b/front/src/app/[userid]/page.tsx
@@ -1,3 +1,4 @@
+import { MypageComponent } from "../mypage/MypageComponent";
 export default function Page({ params }: { params: { userid: string } }) {
-  return <div>My Post: {params.userid}</div>;
+  return <MypageComponent userID={params.userid} />;
 }
diff --git a/front/src/app/mypage/AddButton.tsx b/front/src/app/mypage/AddButton.tsx
@@ -16,7 +16,7 @@ export function AddButton({
     new Date().toISOString().split("T")[0]
   );
   const [transactionTitle, setTransactionTitle] = useState("");
-  const [transactionAmount, setTransactionAmount] = useState(0);
+  const [transactionAmount, setTransactionAmount] = useState("");
 
   useEffect(() => {
     if (inputEl.current) {
@@ -42,6 +42,8 @@ export function AddButton({
       if (res.ok) {
         const data = await res.json();
         console.log(data);
+        setTransactionTitle("");
+        setTransactionAmount("");
       }
     }
   }
@@ -125,7 +127,7 @@ export function AddButton({
               }}
               value={transactionAmount}
               onChange={(e) => {
-                setTransactionAmount(Number(e.target.value));
+                setTransactionAmount(e.target.value);
               }}
               placeholder="金額"
             />