opendesk

1<template>
2  <div class="flex border-b h-12 items-center">
3    <div class="z-20 -me-4 ms-1 flex items-center justify-center">
4      <Button variant="ghost" @click="sidebarOpened = !sidebarOpened">
5        <LucideMenu class="size-4" />
6      </Button>
7    </div>
8    <header id="app-header" class="w-full"></header>
9  </div>
10  <CallUI class="me-3 mt-2" :userEmail="user" />
11</template>
12
13<script setup>
14import LucideMenu from "~icons/lucide/menu";
15import { mobileSidebarOpened as sidebarOpened } from "@/composables/mobile";
16import CallUI from "../telephony/CallUI.vue";
17import { useAuthStore } from "@/stores/auth";
18import { useTelephonyStore } from "@/stores/telephony";
19import { onMounted } from "vue";
20
21const { user } = useAuthStore();
22
23const telephonyStore = useTelephonyStore();
24
25onMounted(() => {
26  telephonyStore.fetchCallIntegrationStatus();
27});
28</script>
29