env thing and starting to changes

This commit is contained in:
user
2025-10-21 01:16:39 +03:00
parent b150095361
commit 3232542de1
10 changed files with 41 additions and 144 deletions

View File

@@ -1 +1,2 @@
export * from "@pkg/logic/domains/order/data/entities";
export * from "@pkg/logic/domains/order/data/enums";

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>