<script lang="ts">
  import { CheckIfAniListLoggedInAndLoadWatchList } from "../helperModules/CheckIfAniListLoggedInAndLoadWatchList.svelte";
  import { loading } from "../helperModules/GlobalVariablesAndHelperFunctions.svelte";
</script>

<div class="flex justify-end">
  <button
    type="button"
    class="py-2 px-4 mt-4 mr-4 bg-gray-700 rounded-lg"
    on:click={async () => {
      loading.set(true);
      await CheckIfAniListLoggedInAndLoadWatchList();
      loading.set(false);
    }}
  >
    Refresh WatchList
  </button>
</div>
