env thing and starting to changes
This commit is contained in:
@@ -1 +1,2 @@
|
||||
export * from "@pkg/logic/domains/order/data/entities";
|
||||
export * from "@pkg/logic/domains/order/data/enums";
|
||||
|
||||
@@ -1,39 +0,0 @@
|
||||
<script lang="ts">
|
||||
import Icon from "$lib/components/atoms/icon.svelte";
|
||||
import { TRANSITION_COLORS } from "$lib/core/constants";
|
||||
import { cn } from "$lib/utils";
|
||||
import FilterIcon from "~icons/solar/filter-broken";
|
||||
import * as Sheet from "$lib/components/ui/sheet/index.js";
|
||||
import TicketFiltersSelect from "../ticket-filters-select.svelte";
|
||||
|
||||
import Button from "$lib/components/ui/button/button.svelte";
|
||||
import CloseIcon from "~icons/lucide/x";
|
||||
import Title from "$lib/components/atoms/title.svelte";
|
||||
|
||||
let open = $state(false);
|
||||
|
||||
const close = () => (open = false);
|
||||
</script>
|
||||
|
||||
<Sheet.Root bind:open>
|
||||
<Sheet.Trigger
|
||||
class={cn(
|
||||
"grid place-items-center rounded-full bg-brand-100 p-4 text-brand-500 shadow-lg hover:bg-brand-500 hover:text-white",
|
||||
TRANSITION_COLORS,
|
||||
)}
|
||||
>
|
||||
<Icon icon={FilterIcon} cls={cn("h-8 w-auto", TRANSITION_COLORS)} />
|
||||
</Sheet.Trigger>
|
||||
<Sheet.Content side="bottom">
|
||||
<div class="flex justify-between gap-4">
|
||||
<Title size="h4" color="black">Tickets Filters</Title>
|
||||
<Button size="iconSm" variant="white" onclick={() => close()}>
|
||||
<Icon icon={CloseIcon} cls={cn("h-6 w-auto")} />
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div class="flex max-h-[80vh] w-full flex-col gap-4 overflow-y-auto p-4">
|
||||
<TicketFiltersSelect onApplyClick={() => close()} />
|
||||
</div>
|
||||
</Sheet.Content>
|
||||
</Sheet.Root>
|
||||
@@ -1,50 +0,0 @@
|
||||
<script lang="ts">
|
||||
import Icon from "$lib/components/atoms/icon.svelte";
|
||||
import { TRANSITION_COLORS } from "$lib/core/constants";
|
||||
import { cn } from "$lib/utils";
|
||||
import SearchIcon from "~icons/solar/minimalistic-magnifer-linear";
|
||||
import * as Sheet from "$lib/components/ui/sheet/index.js";
|
||||
import TicketSearchInput from "../ticket-search-input.svelte";
|
||||
import Button from "$lib/components/ui/button/button.svelte";
|
||||
import CloseIcon from "~icons/lucide/x";
|
||||
import Title from "$lib/components/atoms/title.svelte";
|
||||
|
||||
let { onSubmit }: { onSubmit: () => void } = $props();
|
||||
|
||||
function _onSubmit() {
|
||||
onSubmit();
|
||||
close();
|
||||
}
|
||||
|
||||
let open = $state(false);
|
||||
|
||||
const close = () => (open = false);
|
||||
</script>
|
||||
|
||||
<Sheet.Root bind:open>
|
||||
<Sheet.Trigger
|
||||
class={cn(
|
||||
"grid place-items-center rounded-full bg-brand-500 p-4 text-white shadow-lg hover:bg-brand-700",
|
||||
TRANSITION_COLORS,
|
||||
)}
|
||||
>
|
||||
<Icon
|
||||
icon={SearchIcon}
|
||||
cls={cn("h-8 w-auto text-white", TRANSITION_COLORS)}
|
||||
/>
|
||||
</Sheet.Trigger>
|
||||
<Sheet.Content side="bottom">
|
||||
<div class="flex w-full flex-col gap-4">
|
||||
<div class="flex justify-between gap-4">
|
||||
<Title size="h5" color="black">Search Flights</Title>
|
||||
<Button size="iconSm" variant="white" onclick={() => close()}>
|
||||
<Icon icon={CloseIcon} cls={cn("h-6 w-auto")} />
|
||||
</Button>
|
||||
</div>
|
||||
|
||||
<div class="flex max-h-[80vh] w-full flex-col gap-4 overflow-y-auto">
|
||||
<TicketSearchInput onSubmit={_onSubmit} />
|
||||
</div>
|
||||
</div>
|
||||
</Sheet.Content>
|
||||
</Sheet.Root>
|
||||
@@ -1,11 +1,9 @@
|
||||
<script lang="ts">
|
||||
import { page } from "$app/stores";
|
||||
import TicketFiltersSheet from "$lib/domains/ticket/view/search/ticket-filters-sheet.svelte";
|
||||
import TicketSearchInputSheet from "$lib/domains/ticket/view/search/ticket-search-input-sheet.svelte";
|
||||
import MaxWidthWrapper from "$lib/components/molecules/max-width-wrapper.svelte";
|
||||
import SearchedTicketsList from "$lib/domains/ticket/view/searched-tickets-list.svelte";
|
||||
import TicketFiltersSelect from "$lib/domains/ticket/view/ticket-filters-select.svelte";
|
||||
import TicketSearchInput from "$lib/domains/ticket/view/ticket-search-input.svelte";
|
||||
import MaxWidthWrapper from "$lib/components/molecules/max-width-wrapper.svelte";
|
||||
import { flightTicketVM } from "$lib/domains/ticket/view/ticket.vm.svelte";
|
||||
import { onMount } from "svelte";
|
||||
import { toast } from "svelte-sonner";
|
||||
@@ -49,8 +47,3 @@
|
||||
</MaxWidthWrapper>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div class="fixed bottom-4 right-4 z-50 flex flex-col gap-4 lg:hidden">
|
||||
<TicketFiltersSheet />
|
||||
<TicketSearchInputSheet {onSubmit} />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user