From 232f19d3a2517392a2be4dd689f3e53608a7cf0f Mon Sep 17 00:00:00 2001
From: pawcode Development <development@pawcode.de>
Date: Thu, 15 Aug 2024 15:43:40 +0200
Subject: [PATCH] fix(view): disable export without colors

---
 src/app/view/view.component.html | 5 +++--
 src/assets/i18n/de.json          | 1 +
 src/assets/i18n/en.json          | 1 +
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/view/view.component.html b/src/app/view/view.component.html
index e26612a..c6e87d0 100644
--- a/src/app/view/view.component.html
+++ b/src/app/view/view.component.html
@@ -35,9 +35,10 @@ <h1 class="select-none text-3xl font-bold lg:text-2xl">
         </button>
 
         <button
-          [title]="'export.title' | translate"
+          [disabled]="palette.colors.length === 0"
+          [title]="(palette.colors.length === 0 ? 'view.palette.no-export' : 'export.title') | translate"
           (click)="exportPalette()"
-          class="flex cursor-pointer items-center gap-2 overflow-hidden rounded bg-blue-500 px-2 py-1.5 font-semibold text-neutral-50 dark:bg-blue-600 sm:px-3 sm:py-2"
+          class="flex cursor-pointer items-center gap-2 overflow-hidden rounded bg-blue-500 px-2 py-1.5 font-semibold text-neutral-50 disabled:cursor-not-allowed disabled:bg-neutral-400 dark:bg-blue-600 dark:disabled:bg-neutral-700 sm:px-3 sm:py-2"
         >
           <ng-icon
             [svg]="heroArrowDownTrayMini"
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
index 0e28bfb..de9d0aa 100644
--- a/src/assets/i18n/de.json
+++ b/src/assets/i18n/de.json
@@ -295,6 +295,7 @@
     },
     "palette": {
       "no-changes": "Es wurden noch keine Änderungen an deiner Palette vorgenommen.",
+      "no-export": "Deine Palette kann nicht exportiert werden, da sie noch keine Farben enthält.",
       "rename": "Gebe deiner Palette einen neuen Namen",
       "renamed": "Deine Palette wurde in \"{{ palette }}\" umbenannt.",
       "save": "Speichere die Palette in deinem Browser",
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 24368a1..24adc74 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -296,6 +296,7 @@
     },
     "palette": {
       "no-changes": "No changes have been made to your palette yet.",
+      "no-export": "Your palette needs at least one color to be exported.",
       "rename": "Give your palette a new name",
       "renamed": "Your palette has been renamed to \"{{ name }}\".",
       "save": "Save your palette in your browser",