frontend: change style of family form direct json editing

SafeHavenMaps · Sep 13, 2024 · 28357f4 · 28357f4
1 parent fcf4131
commit 28357f4
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 4 deletions.
diff --git a/frontend/components/AppIcon.vue b/frontend/components/AppIcon.vue
@@ -57,7 +57,8 @@ const iconDict: Record<string, string> = {
   addComment: mdi.mdiCommentPlus,
   add: mdi.mdiPlus,
   delete: mdi.mdiDelete,
-  save: mdi.mdiUpload,
+  upload: mdi.mdiUpload,
+  download: mdi.mdiDownload,
   lightDark: mdi.mdiThemeLightDark,
   loading: mdi.mdiLoading,
   eye: mdi.mdiEye,

diff --git a/frontend/components/admin/families/EditFormJson.vue b/frontend/components/admin/families/EditFormJson.vue
@@ -25,7 +25,14 @@
           label="Import"
           severity="info"
           @click="triggerImport"
-        />
+        >
+          <template #icon>
+            <AppIcon
+              icon-name="upload"
+              class="-mx-1"
+            />
+          </template>
+        </Button>
         <input
           ref="fileInput"
           type="file"
@@ -41,7 +48,14 @@
             label="Export"
             severity="info"
             @click="onExport"
-          />
+          >
+            <template #icon>
+              <AppIcon
+                icon-name="download"
+                class="-mx-1"
+              />
+            </template>
+          </Button>
         </a>
       </span>
 
@@ -114,7 +128,7 @@ function onImport(event: Event) {
         }
       }
       reader.readAsText(file)
-      toast.add({ severity: 'success', summary: 'Succès', detail: `Le fichier a été importé avec succès`, life: 3000 })
+      toast.add({ severity: 'success', summary: 'Succès', detail: `Le fichier a été importé avec succès. Les changements ne sont pas encore sauvegardés.`, life: 3000 })
     }
   }
   catch {