fix(view): disable export without colors

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"

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",

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",