<script>
import { onMount } from 'svelte';
import { slide } from 'svelte/transition';
import Switch from './Switch.svelte';
import { mergeRequests, isMergeRequestsLoading, populateMergeRequests, showAllMergeRequests } from './store.js';
onMount(() => {
populateMergeRequests();
});
$: console.log($mergeRequests);
</script>
<div id="app">
<h1>Open merge requests</h1>
<Switch />
{#if $isMergeRequestsLoading}
<div class="spinner" />
{:else}
{@debug $mergeRequests}
{#each $mergeRequests as mergeRequest}
<p transition:slide class="name">{mergeRequest}</p>
{/each}
{/if}
</div>