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,94 @@
+<script lang="ts">
+  import { Grid, Column, Row } from 'carbon-components-svelte';
+  import CheckmarkFilled from 'carbon-icons-svelte/lib/CheckmarkFilled.svelte';
+  import { supabase } from '$lib/utils/functions/supabase';
+  import { profile } from '$lib/utils/store/user';
+  import { snackbar } from '$lib/components/Snackbar/store';
+  import TextField from '$lib/components/Form/TextField.svelte';
+  import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
+  import { VARIANTS } from '$lib/components/PrimaryButton/constants';
+  import SectionTitle from '../SectionTitle.svelte';
+  import ArrowUpRightIcon from '$lib/components/Icons/ArrowTopRight.svelte';
+
+  let chatId: number | null;
+
+  async function addChatId() {
+    if (!chatId || `${chatId}`.length < 5) return;
+
+    const { error } = await supabase
+      .from('profile')
+      .update({
+        telegram_chat_id: chatId
+      })
+      .match({ id: $profile.id });
+
+    if (error) {
+      console.log(error);
+      snackbar.error('Integration Failed, please try again later');
+    } else {
+      $profile.telegram_chat_id = chatId;
+      chatId = null;
+      snackbar.success('Integration successful');
+    }
+  }
+
+  async function deleteChatId() {
+    const { error } = await supabase
+      .from('profile')
+      .update({ telegram_chat_id: null })
+      .match({ id: $profile.id });
+
+    if (error) {
+      snackbar.error('Deletion Failed, please try again later');
+      console.log(error);
+    } else {
+      $profile.telegram_chat_id = null;
+      snackbar.success('Integration deleted');
+    }
+  }
+</script>
+
+<Grid class="border-c rounded border-gray-200 w-full mt-5">
+  <Row class="flex lg:flex-row flex-col justify-center lg:justify-start py-7 border-bottom-c">
+    <Column sm={4} md={4} lg={4} class="flex items-center justify-center">
+      <img src="/telegram-svg.svg" alt="" class="w-10 mr-2" />
+      <SectionTitle>Telegram</SectionTitle></Column
+    >
+
+    <Column sm={8} md={8} lg={8} class="mt-2 lg:mt-0 flex flex-col items-center lg:items-start">
+      {#if $profile.telegram_chat_id !== null}
+        <div class="flex flex-col items-center w-full">
+          <div class="flex items-center">
+            <CheckmarkFilled size={32} class="mr-2" style="fill: green;" />
+            <SectionTitle>Integration Successful</SectionTitle>
+          </div>
+          <PrimaryButton className="mt-3" variant={VARIANTS.CONTAINED_DANGER} onClick={deleteChatId}
+            >Disconnect</PrimaryButton
+          >
+        </div>
+      {:else}
+        <div>
+          <h3 class="font-normal text-lg">
+            Connect your account to telegram to get notified of any change within the application.
+          </h3>
+          <h4 class="font-normal">Step 1: Authenticate your account via the ClassroomIO bot.</h4>
+          <PrimaryButton
+            className="mb-5"
+            variant={VARIANTS.OUTLINED}
+            onClick={() => window.open('https://t.me/classroomio_bot', '_blank')}
+            ><span class="mr-2">Open Bot</span> <ArrowUpRightIcon /></PrimaryButton
+          >
+          <h4 class="font-normal">Step 2: Enter the Chat ID given to you by the bot.</h4>
+          <TextField
+            bind:value={chatId}
+            placeholder="360111"
+            className="w-full lg:w-60 mb-5"
+            type="number"
+            isRequired
+          />
+          <PrimaryButton onClick={addChatId}>Connect</PrimaryButton>
+        </div>
+      {/if}
+    </Column>
+  </Row>
+</Grid>