From 248ded53c06c7a114273b2b929e95b11222583a2 Mon Sep 17 00:00:00 2001
From: Joe Arndt <jmarndt@users.noreply.github.com>
Date: Thu, 26 Feb 2026 12:10:55 -0600
Subject: [PATCH] added create category support

---
 src/app/components/expense/expense.component.ts           | 1 +
 .../metadata/categories/categories.component.ts           | 3 ++-
 .../metadata/metadata-form/metadata-form.component.html   | 8 +++-----
 src/app/services/category.service.ts                      | 4 ++++
 src/app/services/expense.service.ts                       | 5 +----
 5 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/app/components/expense/expense.component.ts b/src/app/components/expense/expense.component.ts
index 228b0db..6a4f799 100644
--- a/src/app/components/expense/expense.component.ts
+++ b/src/app/components/expense/expense.component.ts
@@ -47,6 +47,7 @@ export class ExpenseComponent {
     const snackId = this.snackBar.staticBar('Tracking new expense...');
     try {
       await this.expenseService.postExpense(postExpense);
+      await this.expenseService.fetchExpenses();
       this.resetForm();
       this.snackBar.dismiss(snackId);
       this.snackBar.autoBar('Expense tracked!');
diff --git a/src/app/components/metadata/categories/categories.component.ts b/src/app/components/metadata/categories/categories.component.ts
index 5123ff1..b0a71a0 100644
--- a/src/app/components/metadata/categories/categories.component.ts
+++ b/src/app/components/metadata/categories/categories.component.ts
@@ -18,7 +18,8 @@ export class CategoriesComponent {
   public constructor(private readonly categoryService: CategoryService) { }
 
   public async createCategory(name: string): Promise<void> {
-    console.log('Creating new category', name);
+    await this.categoryService.createCategory({ name });
+    await this.categoryService.fetchCategories();
   }
 
   public async updateCategory(category: Category): Promise<void> {
diff --git a/src/app/components/metadata/metadata-form/metadata-form.component.html b/src/app/components/metadata/metadata-form/metadata-form.component.html
index 90559ec..928c351 100644
--- a/src/app/components/metadata/metadata-form/metadata-form.component.html
+++ b/src/app/components/metadata/metadata-form/metadata-form.component.html
@@ -15,11 +15,9 @@
       </mat-form-field>
 
       <div class="metadata-edit-buttons">
-        @if (metadata()) {
-          <button matIconButton (click)="reset()">
-            <mat-icon>undo</mat-icon>
-          </button>
-        }
+        <button matIconButton (click)="reset()">
+          <mat-icon>undo</mat-icon>
+        </button>
 
         <button matIconButton (click)="saveMetaData()" [disabled]="!nameValid()">
           <mat-icon>save</mat-icon>
diff --git a/src/app/services/category.service.ts b/src/app/services/category.service.ts
index ede6e17..67b96a4 100644
--- a/src/app/services/category.service.ts
+++ b/src/app/services/category.service.ts
@@ -17,6 +17,10 @@ export class CategoryService {
     this.internalCategories.set(await this.http.get<Category[]>(this.categoryPath));
   }
 
+  public async createCategory(category: CreateCategory): Promise<Category> {
+    return await this.http.post<Category>(this.categoryPath, category);
+  }
+
   public async updateCategory(category: Category): Promise<Category> {
     return await this.http.put<Category>(this.categoryPath, category);
   }
diff --git a/src/app/services/expense.service.ts b/src/app/services/expense.service.ts
index 5c20794..0113335 100644
--- a/src/app/services/expense.service.ts
+++ b/src/app/services/expense.service.ts
@@ -22,10 +22,7 @@ export class ExpenseService {
   }
 
   public async postExpense(createExpense: CreateExpense): Promise<Expense> {
-    const createdExpense = await this.http.post<Expense>(this.expensePath, createExpense);
-    await this.fetchExpenses();
-
-    return createdExpense;
+    return await this.http.post<Expense>(this.expensePath, createExpense);
   }
 
   public async updateExpense(updateExpense: UpdateExpense): Promise<Expense> {