# All files / js/components AppLogo.vue

0% Statements 0/5
0% Branches 0/6
100% Functions 0/0
0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30

     <script setup lang="ts">
    import AppLogoIcon from '@/components/AppLogoIcon.vue';
    import { usePage } from '@inertiajs/vue3';

    const page = usePage();
    const company = page.props.company as { name?: string; logo_path?: string } | null;
    </script>

    <template>
        <div
            class="flex aspect-square size-8 items-center justify-center rounded-md bg-sidebar-primary text-sidebar-primary-foreground overflow-hidden"
        >
            <img
                v-if="company?.logo_path"
                :src="`/storage/${company.logo_path}`"
                :alt="company.name || 'Company Logo'"
                class="size-8 object-cover rounded-md"
            />
            <AppLogoIcon
                v-else
                class="size-5 fill-current text-white dark:text-black"
            />
        </div>
        <div class="ml-1 grid flex-1 text-left text-sm">
            <span class="mb-0.5 truncate leading-tight font-semibold">
                {{ company?.name || 'JobCardOnline' }}
            </span>
        </div>
    </template>