From d826ee6a50c5e8147c05e2896e7b43e696c9c530 Mon Sep 17 00:00:00 2001
From: NHoarau <h.nico.sully@gmail.com>
Date: Mon, 22 Jun 2026 11:00:54 +0400
Subject: [PATCH] feat(ui): add icons to buttons in ProjectForm and projects
 index for better UX

---
 apps/web/app/components/ProjectForm.vue | 4 ++--
 apps/web/app/pages/projects/index.vue   | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/apps/web/app/components/ProjectForm.vue b/apps/web/app/components/ProjectForm.vue
index 600ef7f..2323e95 100644
--- a/apps/web/app/components/ProjectForm.vue
+++ b/apps/web/app/components/ProjectForm.vue
@@ -47,8 +47,8 @@ function onSubmit() {
     </UFormField>
 
     <div class="flex gap-3 justify-end">
-      <UButton label="Cancel" color="neutral" variant="outline" to="/projects" />
-      <UButton type="submit" label="Save" color="primary" :loading="saving" />
+      <UButton label="Cancel" icon="i-lucide-x" color="neutral" variant="outline" to="/projects" />
+      <UButton type="submit" label="Save" icon="i-lucide-save" color="primary" :loading="saving" />
     </div>
   </form>
 </template>
diff --git a/apps/web/app/pages/projects/index.vue b/apps/web/app/pages/projects/index.vue
index d03620b..c594188 100644
--- a/apps/web/app/pages/projects/index.vue
+++ b/apps/web/app/pages/projects/index.vue
@@ -107,8 +107,8 @@ const columns: TableColumn<Project>[] = [
 
         <template #footer>
           <div class="flex gap-3 justify-end">
-            <UButton label="Cancel" color="neutral" variant="outline" @click="confirmDelete = false" />
-            <UButton label="Delete" color="error" @click="deleting && confirmAndDelete(deleting)" />
+            <UButton label="Cancel" icon="i-lucide-x" color="neutral" variant="outline" @click="confirmDelete = false; deleting = null" />
+            <UButton label="Delete" icon="i-lucide-trash-2" color="error" @click="deleting && confirmAndDelete(deleting)" />
           </div>
         </template>
       </UModal>