classroomio/apps/dashboard/src/lib/components/Buttons/VisitOrgSite.svelte

<script lang="ts">
  import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
  import { VARIANTS } from '$lib/components/PrimaryButton/constants';
  import ArrowUpRightIcon from '$lib/components/Icons/ArrowTopRight.svelte';
  import { currentOrgDomain } from '$lib/utils/store/org';
  import { isMobile } from '$lib/utils/store/useMobile';
  import { t } from '$lib/utils/functions/translations';

  export let className = '';
</script>

<a href={$currentOrgDomain} target="_blank" class="{className} ml-2 hover:no-underline">
  <PrimaryButton variant={VARIANTS.CONTAINED_DARK}>
    {#if !$isMobile}
      {$t('settings.subheadings.view_site')}
    {/if}
    <ArrowUpRightIcon />
  </PrimaryButton>
</a>