From 7afdf95ef3d52049439b3fc2a1278d613bb8d5e5 Mon Sep 17 00:00:00 2001
From: tglide <26071571+TGlide@users.noreply.github.com>
Date: Tue, 7 Feb 2023 17:43:49 +0000
Subject: [PATCH] refactor: simplify create api-key step

---
 .../overview/keys/wizard/step1.svelte         | 48 +++++++------------
 1 file changed, 17 insertions(+), 31 deletions(-)

diff --git a/src/routes/console/project-[project]/overview/keys/wizard/step1.svelte b/src/routes/console/project-[project]/overview/keys/wizard/step1.svelte
index 37fb03702..9a35d4859 100644
--- a/src/routes/console/project-[project]/overview/keys/wizard/step1.svelte
+++ b/src/routes/console/project-[project]/overview/keys/wizard/step1.svelte
@@ -3,7 +3,6 @@
     import { WizardStep } from '$lib/layout';
     import { key } from './store';
 
-    let preset = 'never';
     function incrementToday(value: number, type: 'day' | 'month' | 'year'): string {
         const date = new Date();
         switch (type) {
@@ -21,24 +20,11 @@
         return date.toISOString();
     }
 
+    let expirationSelect = null;
+    let expirationCustom: string | undefined = undefined;
+
     $: {
-        switch (preset) {
-            case 'never':
-                $key.expire = null;
-                break;
-            case '1day':
-                $key.expire = incrementToday(1, 'day');
-                break;
-            case '7days':
-                $key.expire = incrementToday(7, 'day');
-                break;
-            case '1month':
-                $key.expire = incrementToday(1, 'month');
-                break;
-            case '1year':
-                $key.expire = incrementToday(1, 'year');
-                break;
-        }
+        $key.expire = expirationSelect === 'custom' ? expirationCustom : expirationSelect;
     }
 </script>
 
@@ -53,37 +39,37 @@
             required
             bind:value={$key.name} />
         <InputSelect
-            bind:value={preset}
+            bind:value={expirationSelect}
             options={[
                 {
                     label: 'Never',
-                    value: 'never'
-                },
-                {
-                    label: '1 Day',
-                    value: '1day'
+                    value: null
                 },
                 {
                     label: '7 Days',
-                    value: '7days'
+                    value: incrementToday(7, 'day')
                 },
                 {
-                    label: '1 Month',
-                    value: '1month'
+                    label: '30 days',
+                    value: incrementToday(30, 'day')
+                },
+                {
+                    label: '90 days',
+                    value: incrementToday(90, 'day')
                 },
                 {
                     label: '1 Year',
-                    value: '1year'
+                    value: incrementToday(1, 'year')
                 },
                 {
-                    label: 'Custom Date',
+                    label: 'Custom expiration Date',
                     value: 'custom'
                 }
             ]}
             id="preset"
             label="Expiration Date" />
-        {#if preset === 'custom'}
-            <InputDateTime id="expire" label="" bind:value={$key.expire} showLabel={false} />
+        {#if expirationSelect === 'custom'}
+            <InputDateTime id="expire" label="" bind:value={expirationCustom} showLabel={false} />
         {/if}
     </FormList>
 </WizardStep>