<script>
  import Popup from '$lib/Layout/Popup.svelte';
  import { env } from '$env/dynamic/public';
  import localforage from 'localforage';
</script>

<Popup fullscreen locked>
  <div class="message">
    Please <a
      href={`https://anilist.co/api/v2/oauth/authorize?client_id=${env.PUBLIC_ANILIST_CLIENT_ID}&redirect_uri=${env.PUBLIC_ANILIST_REDIRECT_URI}&response_type=code`}
      on:click={async () => {
        await localforage.setItem(
          'redirect',
          window.location.origin + window.location.pathname + window.location.search
        );
      }}>log in</a
    > to view this page.
  </div>
</Popup>
