From 2c6d0c1d0cae9ca4cc5d77f851409bf63820f157 Mon Sep 17 00:00:00 2001
From: Joe Arndt <jmarndt@users.noreply.github.com>
Date: Wed, 25 Feb 2026 16:33:19 -0600
Subject: [PATCH] building out category form

---
 .../metadata/categories/categories.component.html          | 7 +++++--
 .../metadata/categories/categories.component.scss          | 7 ++++++-
 .../components/metadata/categories/categories.component.ts | 6 +++++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/src/app/components/metadata/categories/categories.component.html b/src/app/components/metadata/categories/categories.component.html
index d791af4..09b6480 100644
--- a/src/app/components/metadata/categories/categories.component.html
+++ b/src/app/components/metadata/categories/categories.component.html
@@ -7,8 +7,11 @@
     <mat-card-content>
       <div class="category-list">
         @for (category of categories(); track category.id) {
-          <div>
-            {{ category.name }}
+<!--          TODO: Convert to form...-->
+          <div class="category-item">
+            <div>{{ category.name }}</div>
+
+            <button matIconButton><mat-icon>edit</mat-icon></button>
           </div>
         }
         @if (!categories().length) {
diff --git a/src/app/components/metadata/categories/categories.component.scss b/src/app/components/metadata/categories/categories.component.scss
index 910b9bc..f6161f0 100644
--- a/src/app/components/metadata/categories/categories.component.scss
+++ b/src/app/components/metadata/categories/categories.component.scss
@@ -15,5 +15,10 @@
 .category-list {
   padding-top: 1rem;
   display: grid;
-  gap: 0.5rem;
+}
+
+.category-item {
+  display: flex;
+  gap: 0.5rem;
+  align-items: center;
 }
diff --git a/src/app/components/metadata/categories/categories.component.ts b/src/app/components/metadata/categories/categories.component.ts
index ae44c8b..4b55827 100644
--- a/src/app/components/metadata/categories/categories.component.ts
+++ b/src/app/components/metadata/categories/categories.component.ts
@@ -1,11 +1,15 @@
 import { Component, computed } from '@angular/core';
 import { CategoryService } from '../../../services/category.service';
 import { MatCardModule } from '@angular/material/card';
+import { MatIconModule } from '@angular/material/icon';
+import { MatButtonModule } from '@angular/material/button';
 
 @Component({
   selector: 'app-categories',
   imports: [
-    MatCardModule
+    MatCardModule,
+    MatIconModule,
+    MatButtonModule
   ],
   templateUrl: './categories.component.html',
   styleUrl: './categories.component.scss'