a235dfbe1f
* feat(backend): workers are instantly ready and sync with global cache in background * feat(frontend): add templates * feat(frontend): fix * feat(frontend): add psql template * feat(frontend): Move braces --------- Co-authored-by: Ruben Fiszel <ruben@rubenfiszel.com>
35 lines
928 B
Svelte
35 lines
928 B
Svelte
<script lang="ts">
|
|
import type { SupportedLanguage } from '$lib/common'
|
|
import Button from '$lib/components/common/button/Button.svelte'
|
|
import LanguageIcon from '$lib/components/common/languageIcons/LanguageIcon.svelte'
|
|
import type { IconDefinition } from '@fortawesome/free-solid-svg-icons'
|
|
|
|
export let disabled: boolean = false
|
|
export let label: string
|
|
export let lang: SupportedLanguage | 'pgsql' | 'mysql' | 'javascript' | 'fetch' | undefined =
|
|
undefined
|
|
export let icon: IconDefinition | undefined = undefined
|
|
export let iconColor: string | undefined = undefined
|
|
</script>
|
|
|
|
<Button
|
|
{disabled}
|
|
btnClasses="w-24 truncate"
|
|
on:click
|
|
size="sm"
|
|
spacingSize="md"
|
|
variant="border"
|
|
color="light"
|
|
startIcon={{
|
|
icon,
|
|
classes: iconColor
|
|
}}
|
|
>
|
|
<div class="flex justify-center flex-col items-center gap-2">
|
|
{#if lang}
|
|
<LanguageIcon {lang} />
|
|
{/if}
|
|
<span class="text-xs">{label}</span>
|
|
</div>
|
|
</Button>
|