Spaces:
Runtime error
Runtime error
File size: 1,042 Bytes
66ed450 7d4e291 4346adf 67cbe97 c687c71 e0d45d2 c687c71 be26971 c687c71 5bdc2c3 bc15a99 7d4e291 5636b7a 7d4e291 66ed450 19722de e0d45d2 19722de 27cf1bb 19722de 27cf1bb 19722de 27cf1bb 66ed450 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 |
<script lang="ts">
import { onMount, createEventDispatcher } from 'svelte';
import PPButton from '$lib/Buttons/PPButton.svelte';
import RoomsSelector from '$lib/Buttons/RoomsSelector.svelte';
import AboutButton from '$lib/Buttons/AboutButton.svelte';
import { toggleAbout } from '$lib/store';
const dispatch = createEventDispatcher();
export let isLoading = false;
const onKeyup = (e: KeyboardEvent) => {
if (e.key === 'Enter') {
dispatch('prompt');
}
};
onMount(() => {
window.addEventListener('keyup', onKeyup);
return () => {
window.removeEventListener('keyup', onKeyup);
};
});
</script>
<div class="flex items-center justify-between px-12">
<AboutButton on:click={() => ($toggleAbout = !$toggleAbout)} />
<button
on:click={() => dispatch('prompt')}
class="text-3xl bg-blue-600 text-white px-6 py-2 rounded-2xl ring ring-blue-500 font-semibold shadow-2xl self-center"
>🖍 Paint</button
><RoomsSelector {isLoading} />
<!-- <PPButton {isLoading} on:click={() => dispatch('prompt')} /> -->
</div>
|