fix: tabs showing double icons

Signed-off-by: Alexander Trost <[email protected]>
fivenet-app · Aug 27, 2024 · 81d83c6 · 81d83c6
1 parent 4ae2fd1
commit 81d83c6
Show file tree

Hide file tree

Showing 11 changed files with 1 addition and 141 deletions.
diff --git a/app/components/auth/account/AccountInfo.vue b/app/components/auth/account/AccountInfo.vue
@@ -95,19 +95,6 @@ const selectedTab = computed({
 
             <template v-else>
                 <UTabs v-model="selectedTab" :items="items" class="w-full" :ui="{ list: { rounded: '' } }">
-                    <template #default="{ item, selected }">
-                        <div class="relative flex items-center gap-2 truncate">
-                            <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                            <span class="truncate">{{ item.label }}</span>
-
-                            <span
-                                v-if="selected"
-                                class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                            />
-                        </div>
-                    </template>
-
                     <template #accountInfo>
                         <UDashboardPanelContent>
                             <UDashboardSection

diff --git a/app/components/centrum/settings/CentrumSettings.vue b/app/components/centrum/settings/CentrumSettings.vue
@@ -167,19 +167,6 @@ const onSubmitThrottle = useThrottleFn(async (event: FormSubmitEvent<Schema>) =>
 
         <template v-else>
             <UTabs v-model="selectedTab" :items="items" class="w-full" :ui="{ list: { rounded: '' } }">
-                <template #default="{ item, selected }">
-                    <div class="relative flex items-center gap-2 truncate">
-                        <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                        <span class="truncate">{{ item.label }}</span>
-
-                        <span
-                            v-if="selected"
-                            class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                        />
-                    </div>
-                </template>
-
                 <template #settings>
                     <UDashboardPanelContent class="pb-24">
                         <UDashboardSection

diff --git a/app/components/citizens/info/CitizenInfo.vue b/app/components/citizens/info/CitizenInfo.vue
@@ -188,19 +188,6 @@ const isOpen = ref(false);
                     </div>
 
                     <UTabs v-model="selectedTab" :items="items" class="w-full" :unmount="true">
-                        <template #default="{ item, selected }">
-                            <div class="relative flex items-center gap-2 truncate">
-                                <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                                <span class="truncate">{{ item.label }}</span>
-
-                                <span
-                                    v-if="selected"
-                                    class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                                />
-                            </div>
-                        </template>
-
                         <template #profile>
                             <UContainer>
                                 <CitizenProfile :user="user" />

diff --git a/app/components/documents/DocumentReferenceManager.vue b/app/components/documents/DocumentReferenceManager.vue
@@ -121,19 +121,6 @@ function removeReference(id: string): void {
 
             <div>
                 <UTabs :items="tabs">
-                    <template #default="{ item, selected }">
-                        <div class="relative flex items-center gap-2 truncate">
-                            <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                            <span class="truncate">{{ item.label }}</span>
-
-                            <span
-                                v-if="selected"
-                                class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                            />
-                        </div>
-                    </template>
-
                     <template #item="{ item }">
                         <template v-if="item.key === 'current'">
                             <div class="flow-root">

diff --git a/app/components/documents/DocumentRelationManager.vue b/app/components/documents/DocumentRelationManager.vue
@@ -117,19 +117,6 @@ function removeRelation(id: string): void {
 
             <div>
                 <UTabs :items="tabs">
-                    <template #default="{ item, selected }">
-                        <div class="relative flex items-center gap-2 truncate">
-                            <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                            <span class="truncate">{{ item.label }}</span>
-
-                            <span
-                                v-if="selected"
-                                class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                            />
-                        </div>
-                    </template>
-
                     <template #item="{ item }">
                         <template v-if="item.key === 'current'">
                             <div class="flow-root">

diff --git a/app/components/qualifications/QualificationEditor.vue b/app/components/qualifications/QualificationEditor.vue
@@ -468,16 +468,6 @@ const { data: jobs } = useAsyncData('completor-jobs', () => completorStore.listJ
         </UDashboardNavbar>
 
         <UTabs v-model="selectedTab" :items="items" class="w-full" :ui="{ list: { rounded: '' } }">
-            <template #default="{ item, selected }">
-                <div class="relative flex items-center gap-2 truncate">
-                    <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                    <span class="truncate">{{ item.label }}</span>
-
-                    <span v-if="selected" class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full" />
-                </div>
-            </template>
-
             <template #edit>
                 <div v-if="loading" class="flex flex-col gap-2">
                     <USkeleton v-for="_ in 6" class="size-24 w-full" />

diff --git a/app/components/qualifications/QualificationView.vue b/app/components/qualifications/QualificationView.vue
@@ -341,19 +341,6 @@ const accordionItems = computed(() =>
 
             <div>
                 <UTabs v-model="selectedTab" :items="items" class="w-full">
-                    <template #default="{ item, selected }">
-                        <div class="relative flex items-center gap-2 truncate">
-                            <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                            <span class="truncate">{{ item.label }}</span>
-
-                            <span
-                                v-if="selected"
-                                class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                            />
-                        </div>
-                    </template>
-
                     <template #info>
                         <h2 class="sr-only">
                             {{ $t('common.content') }}

diff --git a/app/components/rector/AppConfig.vue b/app/components/rector/AppConfig.vue
@@ -291,19 +291,6 @@ const onSubmitThrottle = useThrottleFn(async (event: FormSubmitEvent<Schema>) =>
 
             <template v-else>
                 <UTabs v-model="selectedTab" :items="items" class="w-full" :ui="{ list: { rounded: '' } }" :unmount="false">
-                    <template #default="{ item, selected }">
-                        <div class="relative flex items-center gap-2 truncate">
-                            <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                            <span class="truncate">{{ item.label }}</span>
-
-                            <span
-                                v-if="selected"
-                                class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                            />
-                        </div>
-                    </template>
-
                     <template #auth>
                         <UDashboardPanelContent class="pb-24">
                             <UDashboardSection

diff --git a/app/components/rector/JobProps.vue b/app/components/rector/JobProps.vue
@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { FormSubmitEvent } from '#ui/types';
-import { vMaska } from "maska/vue"
+import { vMaska } from 'maska/vue';
 import { CodeDiff } from 'v-code-diff';
 import { z } from 'zod';
 import ColorPicker from '~/components/partials/ColorPicker.vue';
@@ -284,19 +284,6 @@ const onSubmitThrottle = useThrottleFn(async (event: FormSubmitEvent<Schema>) =>
 
             <template v-else-if="loading || jobProps">
                 <UTabs v-model="selectedTab" :items="items" class="w-full" :ui="{ list: { rounded: '' } }">
-                    <template #default="{ item, selected }">
-                        <div class="relative flex items-center gap-2 truncate">
-                            <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                            <span class="truncate">{{ item.label }}</span>
-
-                            <span
-                                v-if="selected"
-                                class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                            />
-                        </div>
-                    </template>
-
                     <template #jobprops>
                         <div v-if="loading" class="space-y-1 px-4">
                             <USkeleton v-for="_ in 5" class="h-20 w-full" />

diff --git a/app/pages/auth/login.vue b/app/pages/auth/login.vue
@@ -91,19 +91,6 @@ onMounted(async () => {
             <FiveNetLogo class="mx-auto mb-2 h-auto w-20" />
 
             <UTabs v-model="selectedTab" :items="items" class="w-full">
-                <template #default="{ item, selected }">
-                    <div class="relative flex items-center gap-2 truncate">
-                        <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                        <span class="truncate">{{ item.label }}</span>
-
-                        <span
-                            v-if="selected"
-                            class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                        />
-                    </div>
-                </template>
-
                 <template #login>
                     <LoginForm />
                 </template>

diff --git a/app/pages/qualifications/index.vue b/app/pages/qualifications/index.vue
@@ -65,19 +65,6 @@ const selectedTab = computed({
             </UDashboardNavbar>
 
             <UTabs v-model="selectedTab" :items="items" :unmount="true" :ui="{ list: { rounded: '' } }">
-                <template #default="{ item, selected }">
-                    <div class="relative flex items-center gap-2 truncate">
-                        <UIcon :name="item.icon" class="size-4 shrink-0" />
-
-                        <span class="truncate">{{ item.label }}</span>
-
-                        <span
-                            v-if="selected"
-                            class="bg-primary-500 dark:bg-primary-400 absolute -right-4 size-2 rounded-full"
-                        />
-                    </div>
-                </template>
-
                 <template #yours>
                     <UContainer>
                         <div class="flex flex-col gap-2">