#5 Started on creating page to handle API requests to https://git.luke-else.co.uk
This commit is contained in:
		@@ -1,7 +1,7 @@
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
    import Card from '$lib/components/Cards/Card.svelte';
 | 
			
		||||
    import { Toast, ToastType } from "$lib/toast";
 | 
			
		||||
    import { addToast } from "$lib/store";
 | 
			
		||||
    import { addToast } from "$lib/stores";
 | 
			
		||||
 | 
			
		||||
    import { page } from '$app/stores';
 | 
			
		||||
    const sent = $page.url.searchParams.get('sent');
 | 
			
		||||
 
 | 
			
		||||
@@ -1,3 +1,20 @@
 | 
			
		||||
<h1>Repos</h1>
 | 
			
		||||
<p>Stay tuned! This is still in development.</p>
 | 
			
		||||
<p>Come back later to find out what projects I'm currently working on!</p>
 | 
			
		||||
<script lang="ts">
 | 
			
		||||
    import { onMount } from "svelte";
 | 
			
		||||
    import { repos, loadRepos } from "$lib/stores";
 | 
			
		||||
 | 
			
		||||
    onMount(loadRepos);
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<h1>My Projects</h1>
 | 
			
		||||
 | 
			
		||||
{#if $repos.length > 0}
 | 
			
		||||
    <ul>
 | 
			
		||||
        {#each $repos as repo}
 | 
			
		||||
            <li>
 | 
			
		||||
                <a href="{repo.html_url}" target="_blank">{repo.name}</a> - {repo.description}
 | 
			
		||||
            </li>
 | 
			
		||||
        {/each}
 | 
			
		||||
    </ul>
 | 
			
		||||
{:else}
 | 
			
		||||
    <p>Loading repositories...</p>
 | 
			
		||||
{/if}
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user