forked from MapComplete/MapComplete
23 lines
553 B
Svelte
23 lines
553 B
Svelte
<script lang="ts">
|
|
import StatusIcon from "./StatusIcon.svelte"
|
|
import type { MCService } from "./MCService.js"
|
|
import AccordionSingle from "../Flowbite/AccordionSingle.svelte"
|
|
|
|
export let service: MCService
|
|
let status = service.status
|
|
let msg = service.message
|
|
</script>
|
|
|
|
<AccordionSingle>
|
|
<h3 slot="header" class="m-0 flex items-center">
|
|
<StatusIcon status={$status} />
|
|
{service.name}
|
|
</h3>
|
|
<div class="mx-4">
|
|
{#if $msg}
|
|
{$msg}
|
|
{:else}
|
|
No extra information available
|
|
{/if}
|
|
</div>
|
|
</AccordionSingle>
|