From 592c4285121af93271fff5a247bff0dce7f1cb9d Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Thu, 12 Dec 2024 17:55:26 +0100
Subject: [PATCH] ui fixes

---
 src/routes/etf/[tickerID]/options/+layout.svelte    | 3 ++-
 src/routes/options-flow/+page.svelte                | 3 ++-
 src/routes/stocks/[tickerID]/options/+layout.svelte | 3 ++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/routes/etf/[tickerID]/options/+layout.svelte b/src/routes/etf/[tickerID]/options/+layout.svelte
index 0a43674d..d738dcc7 100644
--- a/src/routes/etf/[tickerID]/options/+layout.svelte
+++ b/src/routes/etf/[tickerID]/options/+layout.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { etfTicker } from "$lib/store";
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
 
   export let data;
@@ -40,7 +41,7 @@
             class="w-full border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
           >
             <a
-              href={"/options-flow"}
+              href={`/options-flow?query=${$etfTicker}`}
               class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"
             >
               <div class="w-full flex justify-between items-center p-3 mt-3">
diff --git a/src/routes/options-flow/+page.svelte b/src/routes/options-flow/+page.svelte
index 7213b8f6..52254a23 100644
--- a/src/routes/options-flow/+page.svelte
+++ b/src/routes/options-flow/+page.svelte
@@ -11,6 +11,7 @@
   import { Button } from "$lib/components/shadcn/button/index.js";
   import { Calendar } from "$lib/components/shadcn/calendar/index.js";
   import CalendarIcon from "lucide-svelte/icons/calendar";
+  import { page } from "$app/stores";
 
   import OptionsFlowTable from "$lib/components/Table/OptionsFlowTable.svelte";
   import { writable } from "svelte/store";
@@ -23,7 +24,7 @@
 
   let displayRules = [];
   let filteredData = [];
-  let filterQuery = "";
+  let filterQuery = $page.url.searchParams.get("query") || "";
 
   let socket: WebSocket | null = null; // Initialize socket as null
 
diff --git a/src/routes/stocks/[tickerID]/options/+layout.svelte b/src/routes/stocks/[tickerID]/options/+layout.svelte
index 0a43674d..0eb0a984 100644
--- a/src/routes/stocks/[tickerID]/options/+layout.svelte
+++ b/src/routes/stocks/[tickerID]/options/+layout.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+  import { stockTicker } from "$lib/store";
   import ArrowLogo from "lucide-svelte/icons/move-up-right";
 
   export let data;
@@ -40,7 +41,7 @@
             class="w-full border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
           >
             <a
-              href={"/options-flow"}
+              href={`/options-flow?query=${$stockTicker}`}
               class="w-auto lg:w-full p-1 flex flex-col m-auto px-2 sm:px-0"
             >
               <div class="w-full flex justify-between items-center p-3 mt-3">