From 1aa6be70bf1cb647f66c674b3b26bf59f41c816f Mon Sep 17 00:00:00 2001
From: MuslemRahimi <moslem_rahimi@hotmail.de>
Date: Mon, 15 Jul 2024 14:18:48 +0200
Subject: [PATCH] ui fixes

---
 .../shadcn/accordion/accordion-trigger.svelte |   2 +-
 src/routes/+layout.svelte                     | 147 +++++++++++++++++-
 src/routes/pricing/+page.svelte               |   2 +-
 3 files changed, 145 insertions(+), 6 deletions(-)

diff --git a/src/lib/components/shadcn/accordion/accordion-trigger.svelte b/src/lib/components/shadcn/accordion/accordion-trigger.svelte
index 9450d2e0..fb6d9bbf 100644
--- a/src/lib/components/shadcn/accordion/accordion-trigger.svelte
+++ b/src/lib/components/shadcn/accordion/accordion-trigger.svelte
@@ -21,6 +21,6 @@
 		on:click
 	>
 		<slot />
-		<ChevronDown class="h-4 w-4 absolute right-40 sm:right-16 transition-transform duration-200 " />
+		<ChevronDown class="h-4 w-4 absolute right-32 sm:right-16 transition-transform duration-200 " />
 	</AccordionPrimitive.Trigger>
 </AccordionPrimitive.Header>
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index f33c98f2..a5d8f5a9 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -12,6 +12,7 @@
   import Footer from '$lib/components/Footer.svelte';
   import Searchbar from '$lib/components/Searchbar.svelte';
   import NotificationBell from '$lib/components/NotificationBell.svelte';
+  import { goto } from "$app/navigation";
   //import PullToRefresh from '$lib/components/PullToRefresh.svelte';
 
   //import DiscountBanner from '$lib/components/DiscountBanner.svelte';
@@ -677,7 +678,7 @@ $: {
   
               <Accordion.Item value="item-1">
   
-                <Accordion.Trigger class="w-fit">
+                <Accordion.Trigger class="">
                   <Stock class="h-5.5 w-5.5 mr-3 text-white ml-1"/>  
                   <span class="text-white mr-auto">Stocks</span>
                 </Accordion.Trigger>
@@ -751,9 +752,9 @@ $: {
                     
           </div>
 
-          <div class="flex flex-row items-center mr-auto  w-3/4">
+          <div class="flex flex-row items-center mr-auto">
 
-            <Accordion.Root class="w-fit">
+            <Accordion.Root class="w-full">
   
               <Accordion.Item value="item-1">
   
@@ -795,10 +796,148 @@ $: {
                     
           </div>
 
+          <div class="flex flex-row items-center mr-auto">
+
+            <Accordion.Root class="w-fit">
+  
+              <Accordion.Item value="item-1">
+  
+                <Accordion.Trigger class="">
+                  <Option class="h-5.5 w-5.5 mr-3 text-white ml-1"/>  
+                  <span class="text-white mr-auto">Options</span>
+                </Accordion.Trigger>
+                <Accordion.Content class="border-l border-gray-500 ml-2 mt-5">
+
+                  <Sheet.Close asChild let:builder>
+                    <div class="flex flex-col items-start">
+                      <Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417]">
+                        <a href="/options-flow" class="text-[1rem] text-white ml-4 mt-2">Options Flow</a>
+                      </Button>
+                      <Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417]">
+                        <a href="options-zero-dte" class="text-[1rem] text-white ml-4 mt-4">0DTE Flow</a>
+                      </Button>
+                    </div>
+
+                  </Sheet.Close>
+
+                  
+                </Accordion.Content
+                >
+              </Accordion.Item>
+            </Accordion.Root>
+                    
+          </div>
+
+          <div class="flex flex-row items-center mr-auto ">
+
+            <Accordion.Root class="w-fit">
+  
+              <Accordion.Item value="item-1">
+  
+                <Accordion.Trigger class="">
+                  <HandShake class="h-5.5 w-5.5 mr-3 text-white ml-1"/>  
+                  <span class="text-white w-full mr-auto">Congress</span>
+                </Accordion.Trigger>
+                <Accordion.Content class="border-l border-gray-500 ml-2 mt-5">
+
+                  <Sheet.Close asChild let:builder>
+                    <div class="flex flex-col items-start">
+                      <Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417]">
+                        <a href="/politicians/flow-data" class="text-[1rem] text-white ml-4 mt-2">Congress Flow</a>
+                      </Button>
+                      <Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417]">
+                        <a href="/politicians" class="text-[1rem] text-white ml-4 mt-4">All Politicians</a>
+                      </Button>
+                    </div>
+
+                  </Sheet.Close>
+
+                  
+                </Accordion.Content
+                >
+              </Accordion.Item>
+            </Accordion.Root>
+                    
+          </div>
+
+          <div class="flex flex-row items-center mr-auto -mt-2">
+            <Sheet.Close asChild let:builder>
+              <Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 mr-auto">
+                <a href="/dark-pool-flow" class="flex flex-row items-center mr-auto">
+                  <div class="flex h-9 w-9 items-center justify-center rounded-lg text-white transition-colors hover:text-white md:h-8 md:w-8">
+                    <Box class="h-5.5 w-5.5" />  
+                  </div>
+                  <span class="ml-1.5 text-white text-[1rem]">Dark Pool</span>
+                </a>
+              </Button>
+            </Sheet.Close>    
+          </div>
+
+          <div class="flex flex-row items-center mr-auto -mt-2">
+            <Sheet.Close asChild let:builder>
+              <Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 mr-auto">
+                <a href="/hedge-funds" class="flex flex-row items-center mr-auto">
+                  <div class="flex h-9 w-9 items-center justify-center rounded-lg text-white transition-colors hover:text-white md:h-8 md:w-8">
+                    <Boxes class="h-5.5 w-5.5" />  
+                  </div>
+                  <span class="ml-1.5 text-white text-[1rem]">Hedge Funds</span>
+                </a>
+              </Button>
+            </Sheet.Close>    
+          </div>
+
+          <div class="flex flex-row items-center mr-auto -mt-2">
+            <Sheet.Close asChild let:builder>
+              <Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 mr-auto">
+                <a href="/market-news" class="flex flex-row items-center mr-auto">
+                  <div class="flex h-9 w-9 items-center justify-center rounded-lg text-white transition-colors hover:text-white md:h-8 md:w-8">
+                    <Newspaper class="h-5.5 w-5.5" />  
+                  </div>
+                  <span class="ml-1.5 text-white text-[1rem]">News</span>
+                </a>
+              </Button>
+            </Sheet.Close>    
+          </div>
+
+          <div class="flex flex-row items-center mr-auto w-full -mt-2">
+            <Sheet.Close asChild let:builder>
+              <Button builders={[builder]} type="submit" class="bg-[#141417] hover:bg-[#141417] -ml-4 mr-auto">
+                <a href="/community" class="flex flex-row items-center mr-auto">
+                  <div class="flex h-9 w-9 items-center justify-center rounded-lg text-white transition-colors hover:text-white md:h-8 md:w-8">
+                    <MessageCircle class="h-5.5 w-5.5" />  
+                  </div>
+                  <span class="ml-1.5 text-white text-[1rem]">Community</span>
+                </a>
+              </Button>
+            </Sheet.Close>    
+          </div>
 
-         
 
           </nav>
+
+          {#if data?.user?.tier === 'Free' || data?.user?.freeTrial === true}
+          <div class="p-6 left-0 bottom-5 m-auto absolute">
+            <Card.Root
+            >
+              <Card.Header class="p-4">
+                <Card.Title>Upgrade to Pro</Card.Title>
+                <Card.Description>
+                  Unlock all features of the platform and level up your trading.
+                </Card.Description>
+              </Card.Header>
+              <Card.Content class="p-4">
+                <Sheet.Close asChild let:builder>
+                  <Button on:click={() => goto('/pricing')} builders={[builder]} type="submit" size="sm" class="w-full bg-white hover:bg-white/80">
+                    <span class="flex flex-row items-center text-black font-semibold text-center">
+                      Upgrade
+                    </span>
+                  </Button>
+              </Sheet.Close>
+              </Card.Content>
+            </Card.Root>
+          </div>
+          {/if}
+
         </Sheet.Content>
       </Sheet.Root>
       
diff --git a/src/routes/pricing/+page.svelte b/src/routes/pricing/+page.svelte
index 11611a6f..36a5d5bc 100644
--- a/src/routes/pricing/+page.svelte
+++ b/src/routes/pricing/+page.svelte
@@ -110,7 +110,7 @@ async function purchasePlan() {
         <div class="mx-auto text-center mb-8 ">
             
             
-            <h1 class="text-4xl font-bold bg-clip-text text-transparent bg-gradient-to-r from-slate-200/60 via-slate-200 to-slate-200/60 pb-4">
+            <h1 class="text-4xl font-bold bg-gradient-to-r from-[#E8BB28] to-purple-500 bg-clip-text text-transparent pb-4">
                 Flexible plans and features
             </h1>
             <div class="w-full flex justify-center items-center h-16 bg-[#09090B] rounded-lg">