Add update category feature

bouzuya · Mar 23, 2023 · 7f80daa · 7f80daa
1 parent c110ca3
commit 7f80daa
Showing 1 changed file with 21 additions and 3 deletions.
diff --git a/app/accounts/[id]/categories.tsx b/app/accounts/[id]/categories.tsx
@@ -9,6 +9,7 @@ import {
   createCategory,
   newAccount,
   restoreAccount,
+  updateCategory,
 } from "../../../lib/account";
 import { createEvent, getEvents } from "../../../lib/api";
 
@@ -29,8 +30,10 @@ export default function Categories(): JSX.Element {
       <View style={{ flex: 1, alignItems: "center", justifyContent: "center" }}>
         <CategoryList
           data={account.categories}
-          onPressCategory={(_category) => {
-            // TODO: edit
+          onPressCategory={(category) => {
+            setName(category.name);
+            setCategoryId(category.id);
+            setEditDialogVisible(true);
           }}
         />
         <FAB
@@ -64,7 +67,22 @@ export default function Categories(): JSX.Element {
               setCategoryId(null);
               setEditDialogVisible(false);
             } else {
-              // TODO: update
+              // update local state
+              const [newAccount, newEvent] = updateCategory(
+                account,
+                categoryId,
+                name
+              );
+
+              // update remote state
+              setAccount(newAccount);
+              createEvent(newEvent).catch((_) => {
+                setAccount(account);
+              });
+
+              setName("");
+              setCategoryId(null);
+              setEditDialogVisible(false);
             }
           }}
           visible={editDialogVisible}