mirror of
https://github.com/immich-app/immich
synced 2025-11-14 17:36:12 +00:00
69983ff83a
* feat: hybrid search * fixing normal search * building out the query * okla * filters * date * order by date * Remove hybrid search endpoint * remove search hybrid endpoint * faces query * search for person * search and pagination * with exif * with exif * justify gallery viewer * memory view * Fixed userId is null * openapi and styling * searchdto * lint and format * remove term * generate sql * fix test * chips * not showing true * pr feedback * pr feedback * nit name * linting * pr feedback * styling * linting
53 lines
1.9 KiB
Svelte
53 lines
1.9 KiB
Svelte
<script lang="ts">
|
|
import Icon from '$lib/components/elements/icon.svelte';
|
|
import { savedSearchTerms } from '$lib/stores/search.store';
|
|
import { mdiMagnify, mdiClose } from '@mdi/js';
|
|
import { createEventDispatcher } from 'svelte';
|
|
import { fly } from 'svelte/transition';
|
|
|
|
const dispatch = createEventDispatcher<{
|
|
selectSearchTerm: string;
|
|
clearSearchTerm: string;
|
|
clearAllSearchTerms: void;
|
|
}>();
|
|
</script>
|
|
|
|
<div
|
|
transition:fly={{ y: 25, duration: 250 }}
|
|
class="absolute w-full rounded-b-3xl border border-gray-200 bg-white pb-5 shadow-2xl transition-all dark:border-gray-800 dark:bg-immich-dark-gray dark:text-gray-300"
|
|
>
|
|
{#if $savedSearchTerms.length > 0}
|
|
<div class="flex items-center justify-between px-5 pt-5 text-xs">
|
|
<p>RECENT SEARCHES</p>
|
|
<div class="flex w-18 items-center justify-center">
|
|
<button
|
|
type="button"
|
|
class="rounded-lg p-2 font-semibold text-immich-primary hover:bg-immich-primary/25 dark:text-immich-dark-primary"
|
|
on:click={() => dispatch('clearAllSearchTerms')}>Clear all</button
|
|
>
|
|
</div>
|
|
</div>
|
|
{/if}
|
|
|
|
{#each $savedSearchTerms as savedSearchTerm, i (i)}
|
|
<div
|
|
class="flex w-full items-center justify-between text-sm text-black hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-500/10"
|
|
>
|
|
<div class="relative w-full items-center">
|
|
<button
|
|
type="button"
|
|
class="relative flex w-full cursor-pointer gap-3 py-3 pl-5"
|
|
on:click={() => dispatch('selectSearchTerm', savedSearchTerm)}
|
|
>
|
|
<Icon path={mdiMagnify} size="1.5em" />
|
|
{savedSearchTerm}
|
|
</button>
|
|
<div class="absolute right-5 top-0 items-center justify-center py-3">
|
|
<button type="button" on:click={() => dispatch('clearSearchTerm', savedSearchTerm)}
|
|
><Icon path={mdiClose} size="18" /></button
|
|
>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/each}
|
|
</div>
|