frontend/src/components/scanstations/ScanStationsEmptyState.svelte
2021-03-10 19:55:32 +01:00

21 lines
843 B
Svelte

<script>
import { _ } from "svelte-i18n";
import AddScanStationModal from "./AddScanStationModal.svelte";
import CopyScanStationTokenModal from "./CopyScanStationTokenModal.svelte";
import scanstations_empty from "./scanstations_empty.svg";
let modal_open = false;
let copy_modal_open = false;
let new_station = {};
let current_stations = [];
</script>
<div class="text-center items-center justify-center">
<p class="mb-16 text-lg text-gray-500">
<img class="w-full h-44" src={scanstations_empty} alt="" />
<span class="font-bold">{$_('you-dont-have-any-scanstations-yet')}.</span><br />
<span>{$_('add-the-first-scanstation')}</span>
</p>
</div>
<AddScanStationModal bind:modal_open bind:current_stations bind:new_station bind:copy_modal_open/>
<CopyScanStationTokenModal bind:copy_modal_open bind:new_station />