Rotimi Best
a3924100dd
* feat: add README for @cio/db package and remove existingAccounts.json * load session, load profile and organization, add create profile hook * chore: cache session request The trick was passing all the cookies to the backend. Previously I was only passing the better-auth.session_token and not better-auth.session_data. Read about the difference here https://www.better-auth.com/docs/concepts/cookies#custom-cookies * feat: login, logout, onboarding, verify email, reset password. * feat: complete change email and email verification * feat: standardise how we make rpc calls and create org endpoints * fix ui errors * fix: handle potential undefined customerId and standardize avatar URL property * refactor: standardize custom domain handling and update telegram chat ID references * chore: add tailwind prefix to @cio/ui this fixed the media query issues because @cio/ui classes were overriding this dashboard tailwind build * chore: clean up org sidebar * chore: persist mode state * feat: implement order breadcrumbs * chore: upgrade to better auth 1.4 * chore: address common auth flow bugs and setup app for others to setup locally.
95 lines
3.5 KiB
Svelte
95 lines
3.5 KiB
Svelte
<script lang="ts">
|
|
import { profile } from '$lib/utils/store/user';
|
|
import { t } from '$lib/utils/functions/translations';
|
|
import { supabase } from '$lib/utils/functions/supabase';
|
|
import { snackbar } from '$lib/components/Snackbar/store';
|
|
import { VARIANTS } from '$lib/components/PrimaryButton/constants';
|
|
|
|
import { Row, Grid, Column } from './Layout';
|
|
import SectionTitle from '../SectionTitle.svelte';
|
|
import TextField from '$lib/components/Form/TextField.svelte';
|
|
import PrimaryButton from '$lib/components/PrimaryButton/index.svelte';
|
|
import ArrowUpRightIcon from '$lib/components/Icons/ArrowTopRight.svelte';
|
|
import CircleCheckIcon from '$lib/components/Icons/CircleCheckIcon.svelte';
|
|
|
|
let chatId: number | null = $state(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('snackbar.course_settings.error.failed_integration');
|
|
} else {
|
|
$profile.telegramChatId = chatId;
|
|
chatId = null;
|
|
snackbar.success('snackbar.course_settings.success.successful_integration');
|
|
}
|
|
}
|
|
|
|
async function deleteChatId() {
|
|
const { error } = await supabase.from('profile').update({ telegram_chat_id: null }).match({ id: $profile.id });
|
|
|
|
if (error) {
|
|
snackbar.error('snackbar.course_settings.error.failed_deletion');
|
|
console.log(error);
|
|
} else {
|
|
$profile.telegramChatId = null;
|
|
snackbar.success('snackbar.course_settings.success.successful_deletion');
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<Grid class="mt-5 w-full">
|
|
<Row class="border-bottom-c flex flex-col justify-center py-7 lg:flex-row lg:justify-start">
|
|
<Column sm={4} md={4} lg={4} class="flex items-center justify-center">
|
|
<img src="/telegram-svg.svg" alt="" class="mr-2 w-10" />
|
|
<SectionTitle>{$t('settings.integrations.heading')}</SectionTitle></Column
|
|
>
|
|
|
|
<Column sm={8} md={8} lg={8} class="mt-2 flex flex-col items-center lg:mt-0 lg:items-start">
|
|
{#if $profile.telegramChatId !== null}
|
|
<div class="flex w-full flex-col items-center">
|
|
<div class="flex items-center">
|
|
<CircleCheckIcon size={16} filled />
|
|
<SectionTitle>{$t('settings.integrations.success_message')}</SectionTitle>
|
|
</div>
|
|
<PrimaryButton className="mt-3" variant={VARIANTS.CONTAINED_DANGER} onClick={deleteChatId}
|
|
>{$t('settings.integrations.disconnect')}</PrimaryButton
|
|
>
|
|
</div>
|
|
{:else}
|
|
<div>
|
|
<h3 class="text-lg font-normal">
|
|
{$t('settings.integrations.sub_heading')}
|
|
</h3>
|
|
<h4 class="font-normal">{$t('settings.integrations.step_authenticate')}</h4>
|
|
<PrimaryButton
|
|
className="mb-5"
|
|
variant={VARIANTS.OUTLINED}
|
|
onClick={() => window.open('https://t.me/classroomio_bot', '_blank')}
|
|
><span class="mr-2">{$t('settings.integrations.open_bot_button')}</span>
|
|
<ArrowUpRightIcon /></PrimaryButton
|
|
>
|
|
<h4 class="font-normal">{$t('settings.integrations.step_chatId')}</h4>
|
|
<TextField
|
|
bind:value={chatId}
|
|
placeholder="360111"
|
|
className="w-full lg:w-60 mb-5"
|
|
type="number"
|
|
isRequired
|
|
/>
|
|
<PrimaryButton onClick={addChatId}>{$t('settings.integrations.connect_button')}</PrimaryButton>
|
|
</div>
|
|
{/if}
|
|
</Column>
|
|
</Row>
|
|
</Grid>
|