<script lang="ts">
import Pagination from "../helperComponents/Pagination.svelte";
import WatchList from "../helperComponents/WatchList.svelte";
import {
    loading,
} from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
import loader from '../helperFunctions/loader'
import {userStore} from "../helperFunctions/userStore";

</script>
{#if $userStore.anilist.isLoggedIn && $userStore.anilist.isPrimary}
<div class="container py-10">
    <Pagination />
    <WatchList />
    <Pagination />
</div>
{:else}
    <div use:loader={loading}></div>
{/if}