clone/nocodb
1
0
Fork 0
mirror of https://github.com/nocodb/nocodb.git synced 2026-05-02 19:07:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Ramesh Mane
2024-03-12 06:44:59 +00:00
parent b36de0bd08
commit e4c917d3a4
13 changed files with 174 additions and 273 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
packages/nc-gui/components/workspace/ProjectList.vue
View File

@@ -182,16 +182,16 @@ function onProjectTitleClick(index: number) {
}
}
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))
}
@@ -252,15 +252,12 @@ const setColor = async (hue: number, base: BaseType) => {
<div class="flex items-center nc-base-title gap-2.5 max-w-full -ml-1.5">
<div class="flex items-center gap-2 text-center">
<GeneralBaseIconColorPicker
:key="parseProp(record.meta).iconHue"
:hue="parseProp(record.meta).iconHue"
size="small"
readonly
@color-selected="setColor($event, record)"
:key="`${record.id}_${parseProp(record.meta).iconColor}`"
:type="record?.type"
:model-value="parseProp(record.meta).iconColor"
:readonly="(record?.type && record?.type !== 'database') || !isUIAllowed('baseRename')"
@update:model-value="setColor($event, record)"
>
<template #default>
<GeneralProjectIcon :type="record.type" />
</template>
</GeneralBaseIconColorPicker>
<!-- todo: replace with switch -->
</div>