fix(nc-gui): use colour picker for base icon instead of hue picker

packages/nc-gui/components/dashboard/TreeView/ProjectNode.vue

@@ -75,6 +75,8 @@ useTabs()
 
 const { meta: metaKey, ctrlKey } = useMagicKeys()
 
+const { refreshCommandPalette } = useCommandPalette()
+
 const editMode = ref(false)
 
 const tempTitle = ref('')
@@ -172,18 +174,20 @@ defineExpose({
   enableEditMode,
 })
 
-const setColor = async (hue: number, base: BaseType) => {
+const setColor = async (color: string, base: BaseType) => {
   try {
     const meta = {
       ...parseProp(base.meta),
-      iconHue: hue,
+      iconColor: color,
     }
 
     basesStore.updateProject(base.id!, { meta: JSON.stringify(meta) })
 
-    $e('a:base:icon:color:navdraw', { iconHue: hue })
+    $e('a:base:icon:color:navdraw', { iconColor: color })
   } catch (e: any) {
     message.error(await extractSdkResponseErrorMsg(e))
+  } finally {
+    refreshCommandPalette()
   }
 }
 
@@ -425,15 +429,13 @@ const projectDelete = () => {
 
               <div v-else>
                 <GeneralBaseIconColorPicker
-                  :key="`${base.id}_${parseProp(base.meta).iconHue}`"
-                  :hue="parseProp(base.meta).iconHue"
+                  :key="`${base.id}_${parseProp(base.meta).iconColor}`"
+                  :type="base?.type"
+                  :model-value="parseProp(base.meta).iconColor"
                   size="small"
                   :readonly="(base?.type && base?.type !== 'database') || !isUIAllowed('baseRename')"
-                  @color-selected="setColor($event, base)"
+                  @update:model-value="setColor($event, base)"
                 >
-                  <template #default>
-                    <GeneralProjectIcon :type="base?.type" />
-                  </template>
                 </GeneralBaseIconColorPicker>
               </div>
             </div>