coracle/src/routes/Search.svelte
2023-01-21 13:47:17 -08:00

27 lines
672 B
Svelte

<script>
import Input from "src/partials/Input.svelte"
import Content from 'src/partials/Content.svelte'
import SearchPeople from 'src/views/SearchPeople.svelte'
import SearchNotes from 'src/views/SearchNotes.svelte'
export let activeTab
let q = ''
// const setActiveTab = tab => navigate(`/search/${tab}`)
</script>
<Content>
<!--
<Tabs tabs={['people', 'notes']} {activeTab} {setActiveTab} />
-->
<Input bind:value={q} placeholder="Search for people">
<i slot="before" class="fa-solid fa-search" />
</Input>
{#if activeTab === 'people'}
<SearchPeople {q} />
{:else if activeTab === 'notes'}
<SearchNotes {q} />
{/if}
</Content>