Rotimi Best
41e29014ef
* 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
54 lines
1.5 KiB
Svelte
54 lines
1.5 KiB
Svelte
<script>
|
|
import { onMount } from 'svelte';
|
|
import Box from '$lib/components/Box/index.svelte';
|
|
import QuizLoader from './Loader.svelte';
|
|
import QuizCard from './QuizCard.svelte';
|
|
import CoursesEmptyIcon from '$lib/components/Icons/CoursesEmptyIcon.svelte';
|
|
import { snackbar } from '$lib/components/Snackbar/store';
|
|
import { supabase } from '$lib/utils/functions/supabase';
|
|
import { currentOrg, quizesStore } from '$lib/utils/store/org';
|
|
|
|
let isLoading = false;
|
|
|
|
async function fetchQuizes(id) {
|
|
if (!id) return;
|
|
isLoading = true;
|
|
|
|
const { data, error } = await supabase
|
|
.from('quiz')
|
|
.select(`*`)
|
|
.eq('organization_id', id)
|
|
.order('updated_at', { ascending: false });
|
|
|
|
if (error) {
|
|
snackbar.error();
|
|
return;
|
|
}
|
|
console.log('data', data);
|
|
quizesStore.set(data);
|
|
isLoading = false;
|
|
}
|
|
|
|
$: fetchQuizes($currentOrg.id);
|
|
</script>
|
|
|
|
<div class="flex items-center justify-center lg:justify-start flex-wrap my-4 m-auto">
|
|
{#if isLoading}
|
|
<QuizLoader />
|
|
<QuizLoader />
|
|
<QuizLoader />
|
|
{:else}
|
|
{#each $quizesStore as quiz}
|
|
<QuizCard {quiz} totalQuestions={quiz.questions?.length || 0} />
|
|
{:else}
|
|
<Box>
|
|
<CoursesEmptyIcon />
|
|
<h3 class="dark:text-white text-2xl my-5">No Quiz Created</h3>
|
|
<p class="dark:text-white w-1/3 text-center">
|
|
Create interactive quizzes with scoreboard for your students.
|
|
</p>
|
|
</Box>
|
|
{/each}
|
|
{/if}
|
|
</div>
|