From 263498da3a40afff8e685b71ebc1d7464a01392f Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Fri, 5 Aug 2022 22:50:22 +0200
Subject: [PATCH] chore(gui-v2): fix icon names

---
 packages/nc-gui-v2/components.d.ts                        | 3 +++
 .../components/smartsheet/sidebar/MenuBottom.vue          | 8 ++++----
 .../nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue   | 1 -
 .../components/smartsheet/sidebar/toolbar/LockMenu.vue    | 6 +++---
 packages/nc-gui-v2/pages/nc/[projectId]/index.vue         | 2 +-
 5 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/packages/nc-gui-v2/components.d.ts b/packages/nc-gui-v2/components.d.ts
index 6491fb79fb..4ac71237ce 100644
--- a/packages/nc-gui-v2/components.d.ts
+++ b/packages/nc-gui-v2/components.d.ts
@@ -70,6 +70,8 @@ declare module '@vue/runtime-core' {
     MdiAccountGroupIcon: typeof import('~icons/mdi/account-group-icon')['default']
     MdiApi: typeof import('~icons/mdi/api')['default']
     MdiAt: typeof import('~icons/mdi/at')['default']
+    MdiCardsHeart: typeof import('~icons/mdi/cards-heart')['default']
+    MdiCheck: typeof import('~icons/mdi/check')['default']
     MdiCheckIcon: typeof import('~icons/mdi/check-icon')['default']
     MdiChevronDown: typeof import('~icons/mdi/chevron-down')['default']
     MdiContentCopy: typeof import('~icons/mdi/content-copy')['default']
@@ -83,6 +85,7 @@ declare module '@vue/runtime-core' {
     MdiLogout: typeof import('~icons/mdi/logout')['default']
     MdiMagnify: typeof import('~icons/mdi/magnify')['default']
     MdiNotebookCheckOutline: typeof import('~icons/mdi/notebook-check-outline')['default']
+    MdiPlus: typeof import('~icons/mdi/plus')['default']
     MdiPlusIcon: typeof import('~icons/mdi/plus-icon')['default']
     MdiPlusOutline: typeof import('~icons/mdi/plus-outline')['default']
     MdiReload: typeof import('~icons/mdi/reload')['default']
diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue
index dffd18e86e..477ee96354 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuBottom.vue
@@ -48,7 +48,7 @@ function onOpenModal(type: ViewTypes, title = '') {
 
           <div class="flex-1" />
 
-          <MdiPlusIcon class="group-hover:text-primary" />
+          <MdiPlus class="group-hover:text-primary" />
         </div>
       </a-tooltip>
     </a-menu-item>
@@ -66,7 +66,7 @@ function onOpenModal(type: ViewTypes, title = '') {
 
           <div class="flex-1" />
 
-          <MdiPlusIcon class="group-hover:text-primary" />
+          <MdiPlus class="group-hover:text-primary" />
         </div>
       </a-tooltip>
     </a-menu-item>
@@ -84,7 +84,7 @@ function onOpenModal(type: ViewTypes, title = '') {
 
           <div class="flex-1" />
 
-          <MdiPlusIcon class="group-hover:text-primary" />
+          <MdiPlus class="group-hover:text-primary" />
         </div>
       </a-tooltip>
     </a-menu-item>
@@ -132,7 +132,7 @@ function onOpenModal(type: ViewTypes, title = '') {
           class="group flex items-center gap-2 w-full mx-3 px-4 py-2 rounded-l !bg-primary text-white transform translate-x-4 hover:(translate-x-0 shadow-lg !opacity-100) transition duration-150 ease"
           @click.stop
         >
-          <MdiHeartsCard class="text-red-500" />
+          <MdiCardsHeart class="text-red-500" />
           {{ $t('activity.sponsorUs') }}
         </a>
       </template>
diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
index b7ad757395..fd563e9e1c 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/MenuTop.vue
@@ -119,7 +119,6 @@ async function onSortEnd(evt: SortableEvent) {
 
 let sortable: Sortable
 
-// todo: replace with vuedraggable
 const initSortable = (el: HTMLElement) => {
   if (sortable) sortable.destroy()
 
diff --git a/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/LockMenu.vue b/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/LockMenu.vue
index 1cbe6433bb..5b69fe2c9b 100644
--- a/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/LockMenu.vue
+++ b/packages/nc-gui-v2/components/smartsheet/sidebar/toolbar/LockMenu.vue
@@ -58,7 +58,7 @@ const Icon = computed(() => {
         <div>
           <div class="nc-menu-item" @click="changeLockType(LockType.Collaborative)">
             <div>
-              <MdiCheckIcon v-if="!view?.lock_type || view?.lock_type === LockType.Collaborative" />
+              <MdiCheck v-if="!view?.lock_type || view?.lock_type === LockType.Collaborative" />
               <span v-else />
               <div>
                 <MdiAccountGroupIcon />
@@ -69,7 +69,7 @@ const Icon = computed(() => {
           </div>
           <div class="nc-menu-item" @click="changeLockType(LockType.Locked)">
             <div>
-              <MdiCheckIcon v-if="view.lock_type === LockType.Locked" />
+              <MdiCheck v-if="view.lock_type === LockType.Locked" />
               <span v-else />
               <div>
                 <MdiLockOutlineIcon />
@@ -80,7 +80,7 @@ const Icon = computed(() => {
           </div>
           <div class="nc-menu-item" @click="changeLockType(LockType.Personal)">
             <div>
-              <MdiCheckIcon v-if="view.lock_type === LockType.Personal" />
+              <MdiCheck v-if="view.lock_type === LockType.Personal" />
               <span v-else />
               <div>
                 <MdiAccountIcon />
diff --git a/packages/nc-gui-v2/pages/nc/[projectId]/index.vue b/packages/nc-gui-v2/pages/nc/[projectId]/index.vue
index fe131dafbf..cd4d670f9c 100644
--- a/packages/nc-gui-v2/pages/nc/[projectId]/index.vue
+++ b/packages/nc-gui-v2/pages/nc/[projectId]/index.vue
@@ -52,7 +52,7 @@ await loadTables()
 
         <div
           :class="[isOpen ? 'right-[-0.75rem]' : 'right-[-1.75rem]']"
-          class="group color-transition cursor-pointer hover:ring active:ring-pink-500 z-1 flex items-center absolute top-9 shadow-md bg-gray-100 rounded-full"
+          class="group color-transition cursor-pointer hover:ring active:ring-pink-500 z-1 flex items-center absolute top-9 shadow bg-gray-100 rounded-full"
         >
           <MaterialSymbolsChevronLeftRounded
             v-if="isOpen"