creddy/src/views/Approve.svelte

<script>
    import { createEventDispatcher } from 'svelte';

    const dispatch = createEventDispatcher();

    function approve() {
        dispatch('navigate', {target: 'ShowApproved'});
    }

    function deny() {
        dispatch('navigate', {target: 'ShowDenied'});
    }
</script>

<h2 class="text-3xl text-gray-200">An application would like to access your AWS credentials.</h2>

<button on:click={approve}>
    <svg class="w-32 stroke-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1">
      <path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
    </svg>
</button>

<button on:click={deny}>
    <svg class="w-32 stroke-red-600" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1">
        <path stroke-linecap="round" stroke-linejoin="round" d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" />
    </svg>
</button>