chore(gui-v2): fix icon names

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']

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>

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()
 

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 />

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"