feat: 🚀 😃 convert repo into a monorepo 🚀 😃 (#51)

* Merge main into turbo-monrepo * feat: rename apps * feat: remove supbase videos and serve all from project * feat: move supabase to root * feat: update README * docs: update link
2023-11-25 21:56:02 +00:00
parent 03ca379094
commit 41e29014ef
806 changed files with 85853 additions and 5746 deletions
@@ -0,0 +1,98 @@
+<script>
+  import { page } from '$app/stores';
+  import { Tabs, Tab, TabContent } from 'carbon-components-svelte';
+  import Profile from './Profile.svelte';
+  import LandingpageSettings from './LandingpageSettings.svelte';
+  // import Account from './Account.svelte';
+  import OrgSettings from './OrgSettings.svelte';
+  import { onMount } from 'svelte';
+  import { browser } from '$app/environment';
+  import { goto } from '$app/navigation';
+  import { isOrgAdmin } from '$lib/utils/store/org';
+  import Integrations from './Integrations.svelte';
+
+  let selected = 0;
+  let query = new URLSearchParams($page.url.search);
+  let tabKey = query.get('tab') || '';
+
+  let tabs = [];
+
+  function getSelectedByTab(tabKey = '') {
+    const tab = tabs.find((t) => t.tabKey === tabKey);
+
+    return tab ? tab.key : 0;
+  }
+  function changeRouteOnTabChange(key = 0) {
+    const tab = tabs.find((t) => t.key === key);
+    if (tab) {
+      return goto(tab.href);
+    }
+  }
+
+  onMount(() => {
+    selected = getSelectedByTab(tabKey);
+  });
+
+  $: {
+    if (browser) {
+      changeRouteOnTabChange(selected);
+    }
+  }
+
+  $: {
+    tabs = [
+      {
+        key: 0,
+        label: 'Profile',
+        tabKey: '',
+        href: $page.url.pathname,
+        disabled: false
+      },
+      {
+        key: 1,
+        label: 'Organization',
+        tabKey: 'org',
+        href: `${$page.url.pathname}?tab=org`,
+        disabled: !$isOrgAdmin
+      },
+      {
+        key: 2,
+        label: 'LandingPage',
+        tabKey: 'landingpage',
+        href: `${$page.url.pathname}?tab=landingpage`,
+        disabled: !$isOrgAdmin
+      },
+      {
+        key: 3,
+        label: 'Integrations',
+        tabKey: 'integrations',
+        href: `${$page.url.pathname}?tab=integrations`,
+        disabled: false
+      }
+    ];
+  }
+</script>
+
+<Tabs autoWidth bind:selected>
+  {#each tabs as tab}
+    <Tab label={tab.label} href={tab.href} disabled={tab.disabled} />
+  {/each}
+  <!-- <Tab label="Account" /> -->
+  <svelte:fragment slot="content">
+    <TabContent class="w-full p-0">
+      <Profile />
+    </TabContent>
+    <!-- <TabContent>
+      <Account />
+    </TabContent> -->
+    <TabContent class="w-full p-0">
+      <OrgSettings />
+    </TabContent>
+    <TabContent class="w-full p-0">
+      <LandingpageSettings />
+    </TabContent>
+    <TabContent class="w-full p-0">
+      <Integrations />
+    </TabContent>
+  </svelte:fragment>
+</Tabs>