From 274f59ca47a9e823d4d13b915b92303e7441aa4b Mon Sep 17 00:00:00 2001
From: DomWane <dominik.k@develit.io>
Date: Thu, 19 Sep 2024 13:29:51 +0200
Subject: [PATCH] refactor: improvements v2

---
 app.config.ts                                      |  7 -------
 components/Project/Create/Categories/Assets.vue    |  2 +-
 components/Project/Create/Components/Input.vue     |  2 +-
 components/Project/Create/Components/Select.vue    |  2 +-
 .../Project/Create/Components/SelectChips.vue      |  2 +-
 nuxt.config.ts                                     |  9 +++++++++
 pages/project/[id]/edit.vue                        | 14 +++++---------
 pages/project/create.vue                           | 14 +++++---------
 8 files changed, 23 insertions(+), 29 deletions(-)
 delete mode 100644 app.config.ts

diff --git a/app.config.ts b/app.config.ts
deleted file mode 100644
index 22658d0..0000000
--- a/app.config.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-export default defineAppConfig({
-  github: {
-    appId: 0,
-    privateKey: '',
-    installationId: 0,
-  },
-})
diff --git a/components/Project/Create/Categories/Assets.vue b/components/Project/Create/Categories/Assets.vue
index 6c7794b..b0fee5c 100644
--- a/components/Project/Create/Categories/Assets.vue
+++ b/components/Project/Create/Categories/Assets.vue
@@ -106,7 +106,7 @@ defineExpose({
           hover:text-app-black
           class="text-app-black/50 text-16px hidden"
           lg="block"
-        >Etherscan
+        >Link
         </NuxtLink>
       </template>
     </ProjectCreateComponentsItem>
diff --git a/components/Project/Create/Components/Input.vue b/components/Project/Create/Components/Input.vue
index 0623a26..47a5f24 100644
--- a/components/Project/Create/Components/Input.vue
+++ b/components/Project/Create/Components/Input.vue
@@ -42,7 +42,7 @@ const model = defineModel<string>()
       flex
       flex-col
       gap-8px
-      lg="flex flex-row gap-24px"
+      lg="flex flex-row gap-24px items-center"
       relative
     >
       <div v-bind="$attrs">
diff --git a/components/Project/Create/Components/Select.vue b/components/Project/Create/Components/Select.vue
index 53080a4..1e77278 100644
--- a/components/Project/Create/Components/Select.vue
+++ b/components/Project/Create/Components/Select.vue
@@ -58,7 +58,7 @@ const selectedValue = useVModel(props, 'modelValue', emits)
             </span>
             <span class="absolute inset-y-0 right-0 flex items-center pr-2">
               <UnoIcon
-                i-heroicons-solid-chevron-down
+                i-ic-baseline-arrow-drop-down
                 class="text-app-white"
                 aria-hidden="true"
               />
diff --git a/components/Project/Create/Components/SelectChips.vue b/components/Project/Create/Components/SelectChips.vue
index 26b766e..e473ca5 100644
--- a/components/Project/Create/Components/SelectChips.vue
+++ b/components/Project/Create/Components/SelectChips.vue
@@ -131,7 +131,7 @@ function addOption() {
             </div>
             <span class="absolute inset-y-0 right-0 flex items-center pr-2">
               <UnoIcon
-                i-heroicons-solid-chevron-down
+                i-ic-baseline-arrow-drop-down
                 class="text-app-white"
                 aria-hidden="true"
               />
diff --git a/nuxt.config.ts b/nuxt.config.ts
index f24a3fc..3a7c195 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -53,4 +53,13 @@ export default defineNuxtConfig({
   lodash: {
     prefix: '_',
   },
+  runtimeConfig: {
+    app: {
+      github: {
+        appId: 0,
+        privateKey: '',
+        installationId: 0,
+      },
+    },
+  },
 })
diff --git a/pages/project/[id]/edit.vue b/pages/project/[id]/edit.vue
index 1c4b576..00b50e0 100644
--- a/pages/project/[id]/edit.vue
+++ b/pages/project/[id]/edit.vue
@@ -226,6 +226,7 @@ const transitionDone = ref(false)
                 leading-28px
                 bg-app-bg-dark_grey
                 onfocus="this.style.width = 0; this.style.width = this.scrollWidth + 2 + 'px';"
+                @blur="toggleEdit()"
               >
               <h2
                 v-else
@@ -235,16 +236,11 @@ const transitionDone = ref(false)
               >
                 {{ name }}
               </h2>
-              <button @click="toggleEdit()">
+              <button
+                v-if="!isEditing"
+                @click="toggleEdit()"
+              >
                 <UnoIcon
-                  v-if="isEditing"
-                  text-24px
-                  class="text-app-white/30"
-                  hover:text-app-white
-                  i-heroicons-solid-check
-                />
-                <UnoIcon
-                  v-else
                   text-20px
                   class="text-app-white/30"
                   hover:text-app-white
diff --git a/pages/project/create.vue b/pages/project/create.vue
index 15bc198..a49cc45 100644
--- a/pages/project/create.vue
+++ b/pages/project/create.vue
@@ -211,6 +211,7 @@ const transitionDone = ref(false)
                 leading-28px
                 bg-app-bg-dark_grey
                 onfocus="this.style.width = 0; this.style.width = this.scrollWidth + 2 + 'px';"
+                @blur="toggleEdit()"
               >
               <h2
                 v-else
@@ -220,16 +221,11 @@ const transitionDone = ref(false)
               >
                 {{ name }}
               </h2>
-              <button @click="toggleEdit()">
+              <button
+                v-if="!isEditing"
+                @click="toggleEdit()"
+              >
                 <UnoIcon
-                  v-if="isEditing"
-                  text-24px
-                  class="text-app-white/30"
-                  hover:text-app-white
-                  i-heroicons-solid-check
-                />
-                <UnoIcon
-                  v-else
                   text-20px
                   class="text-app-white/30"
                   hover:text-app-white