app/components/Layout/AlertBar/SuperAdmin.vue

<!--
Super Admin bar

Barre d'alerte qui s'affiche lorsque l'utilisateur est un super admin en mode switch
-->

<template>
  <!-- TODO : fonctionnement à valider -->
  <UiSystemBar v-if="show" text-color="danger">
    <v-icon small>fas fa-exclamation-triangle</v-icon>
    <span>{{ $t('super_admin_switch_account') }}</span>

    <a v-if="url" :href="url" class="text-neutral-strong text-decoration-none">
      <strong>{{ $t('click_here') }}</strong>
    </a>
  </UiSystemBar>
</template>

<script setup lang="ts">
  import {useAccessProfileStore} from "~/stores/accessProfile";
  import UrlUtils from "~/services/utils/urlUtils";
  import {ComputedRef} from "@vue/reactivity";

  const runtimeConfig = useRuntimeConfig()

  const baseLegacyUrl: string = runtimeConfig.baseUrlAdminLegacy

  const accessProfile = useAccessProfileStore()

  const show: ComputedRef<boolean> = computed(() =>
      accessProfile.originalAccess !== null && accessProfile.originalAccess.isSuperAdminAccess
  )

  const url: ComputedRef<string> = computed(() => {
    const orgId = accessProfile.originalAccess ? accessProfile.originalAccess.organization.id : null
    const originalAccessId = accessProfile.originalAccess ? accessProfile.originalAccess.id : null

    if (show && orgId && originalAccessId) {
      return UrlUtils.join(baseLegacyUrl, 'switch_user', orgId, originalAccessId, 'exit')
    }
    return ''
  })
</script>

<style scoped lang="scss">
.v-system-bar {
  font-size: 14px;
}

.v-icon {
  height: 20px;
  margin: 0 6px;
}
</style>