AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-08 23:50:56 +01:00
parent 0c4130bd98
commit e2f2fab507
9 changed files with 229 additions and 280 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
src/lib/components/Footer.svelte
View File

@ -4,7 +4,7 @@
<!--Footer--> <!--Footer-->
<footer <footer
class="bg-default border-t border-gray-600 z-20 sm:z-50 relative bottom-0 w-full sm:px-10 m-auto" class="bg-[#1F2937] dark:bg-default border-t border-gray-600 z-20 sm:z-50 relative bottom-0 w-full sm:px-10 m-auto"
> >
<div class="container mx-auto px-5 sm:px-3"> <div class="container mx-auto px-5 sm:px-3">
<div class="w-full flex flex-col md:flex-row py-3"> <div class="w-full flex flex-col md:flex-row py-3">
@ -81,7 +81,7 @@
<!-- <!--
<a href="https://stats.uptimerobot.com/MP0zLix9yk" rel="noopener noreferrer" target="_blank" class="flex flex-row items-center mt-4"> <a href="https://stats.uptimerobot.com/MP0zLix9yk" rel="noopener noreferrer" target="_blank" class="flex flex-row items-center mt-4">
<span class="text-white sm:hover:text-blue-400"> <span class="text-white dark:sm:hover:text-blue-400">
Server Status Server Status
</span> </span>
<span class="relative flex h-3 w-3 ml-2"> <span class="relative flex h-3 w-3 ml-2">
@ -98,28 +98,28 @@
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/stocks" href="/stocks"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Stocks</a >Stocks</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/etf" href="/etf"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>ETFs</a >ETFs</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/blog" href="/blog"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Blog</a >Blog</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/learning-center" href="/learning-center"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Learning Center</a >Learning Center</a
> >
</li> </li>
@ -132,21 +132,21 @@
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/pricing" href="/pricing"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Pricing</a >Pricing</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/newsletter" href="/newsletter"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Free Newsletter</a >Free Newsletter</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/donation" href="/donation"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Support Us ❤</a >Support Us ❤</a
> >
</li> </li>
@ -159,14 +159,14 @@
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/login" href="/login"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Login</a >Login</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/sitemap" href="/sitemap"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
> >
Sitemap Sitemap
</a> </a>
@ -174,21 +174,21 @@
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/advertise" href="/advertise"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Advertise</a >Advertise</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/data-disclaimer" href="/data-disclaimer"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Data Disclaimer</a >Data Disclaimer</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/affiliate-program" href="/affiliate-program"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Affiliate Program</a >Affiliate Program</a
> >
</li> </li>
@ -201,7 +201,7 @@
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/about" href="/about"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
> >
About Us About Us
</a> </a>
@ -209,7 +209,7 @@
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/contact" href="/contact"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
> >
Contact Us Contact Us
</a> </a>
@ -218,21 +218,21 @@
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/terms-of-use" href="/terms-of-use"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Terms of Use</a >Terms of Use</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/privacy-policy" href="/privacy-policy"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Privacy Policy</a >Privacy Policy</a
> >
</li> </li>
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/imprint" href="/imprint"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
>Imprint</a >Imprint</a
> >
</li> </li>
@ -240,14 +240,14 @@
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a <a
href="/blog" href="/blog"
class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400"
> >
Blog Blog
</a> </a>
</li>--> </li>-->
<!-- <!--
<li class="mt-2 inline-block mr-2 md:block md:mr-0"> <li class="mt-2 inline-block mr-2 md:block md:mr-0">
<a href="/newsletter" class="no-underline sm:hover:underline text-gray-100 sm:hover:text-blue-400"> <a href="/newsletter" class="no-underline sm:hover:underline text-gray-300 sm:hover:text-white dark:text-gray-100 dark:sm:hover:text-blue-400">
Newsletter Newsletter
</a> </a>
</li> </li>

2
src/lib/components/shadcn/accordion/accordion-trigger.svelte
View File

@ -22,7 +22,7 @@
> >
<slot /> <slot />
<ChevronDown <ChevronDown
class="text-white h-4 w-4 sm:absolute sm:right-5 shrink-0 transition-transform duration-200" class="text-muted dark:text-white h-4 w-4 sm:absolute sm:right-5 shrink-0 transition-transform duration-200"
/> />
</AccordionPrimitive.Trigger> </AccordionPrimitive.Trigger>
</AccordionPrimitive.Header> </AccordionPrimitive.Header>

2
src/lib/components/shadcn/button/index.ts
View File

@ -6,7 +6,7 @@ const buttonVariants = tv({
base: "cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50", base: "cursor-pointer inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
variants: { variants: {
variant: { variant: {
default: "bg-primary text-primary-foreground", default: "bg-white dark:bg-[#18181B] text-muted dark:text-white",
destructive: "bg-destructive text-destructive-foreground", destructive: "bg-destructive text-destructive-foreground",
outline: outline:
"border border-input bg-background hover:bg-accent hover:text-accent-foreground", "border border-input bg-background hover:bg-accent hover:text-accent-foreground",

264
src/routes/+layout.svelte
View File

@ -284,36 +284,36 @@
$screenWidth < 640 && $screenWidth < 640 &&
hideHeader hideHeader
? 'invisible -mt-20' ? 'invisible -mt-20'
: ''} top-0 z-40 bg-white dark:bg-default border-b border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6" : ''} top-0 z-40 bg-white dark:bg-default shadow shadow-b shadow-md dark:border-b dark:border-gray-800 flex h-14 items-center gap-4 px-4 sm:h-auto sm:px-6"
> >
<Sheet.Root> <Sheet.Root>
<Sheet.Trigger asChild let:builder> <Sheet.Trigger asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
size="icon" size="icon"
class="bg-white dark:bg-default text-white sm:hover:bg-[#18181B] border-none" class="bg-white dark:bg-default text-white sm:hover:bg-gray-200 dark:sm:hover:bg-[#18181B] border-none"
> >
<Menu class="h-5.5 w-5.5 sm:w-7 sm:h-7" /> <Menu class="h-5.5 w-5.5 sm:w-7 sm:h-7 text-muted dark:text-white " />
<span class="sr-only">Toggle Menu</span> <span class="sr-only">Toggle Menu</span>
</Button> </Button>
</Sheet.Trigger> </Sheet.Trigger>
<Sheet.Content <Sheet.Content
side="left" side="left"
class="max-w-screen w-full sm:max-w-xs bg-[#18181B] overflow-y-auto text-muted dark:text-white" class="max-w-screen w-full sm:max-w-xs bg-white dark:bg-[#18181B] overflow-y-auto text-muted dark:text-white"
> >
<nav class=" grid gap-6 text-lg bg-[#18181B]"> <nav class=" grid gap-6 text-lg ">
<Sheet.Close asChild let:builder> <Sheet.Close asChild let:builder>
<Button <Button
builders={[builder]} builders={[builder]}
class="bg-[#18181B] hover:bg-[#18181B] -ml-4 mr-auto" class=" -ml-4 mr-auto bg-white dark:bg-[#18181B]"
> >
<a <a
href="/" href="/"
class="flex items-center gap-4 px-0.5 text-muted dark:text-white text-[1rem] font-semibold" class="flex items-center gap-4 px-0.5 text-muted dark:text-white text-xl font-semibold"
> >
<img <img
class="avatar w-9 sm:w-10 rounded-full" class="avatar w-9 sm:w-10 rounded-full "
src={stocknear_logo} src="/pwa-192x192.png"
alt="Stocknear Logo" alt="Stocknear Logo"
/> />
Stocknear Stocknear
@ -325,18 +325,18 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B] -ml-4 mr-auto" class="w-full bg-white dark:bg-[#18181B] -ml-4 mr-auto"
> >
<a <a
href="/" href="/"
class="w-full flex flex-row items-center mr-auto mt-5" class="w-full flex flex-row items-center mr-auto mt-5"
> >
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
> >
<Home class="h-5.5 w-5.5" /> <Home class="h-5.5 w-5.5" />
</div> </div>
<span class="ml-3 text-white text-[1rem]">Home</span> <span class="ml-3 text-muted dark:text-white text-[1rem]">Home</span>
</a> </a>
</Button> </Button>
</Sheet.Close> </Sheet.Close>
@ -345,8 +345,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<Stock class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <Stock class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">Stocks</span> <span class="text-muted dark:text-white ml-1 mr-auto">Stocks</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -356,11 +356,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/analysts" href="/analysts"
class="text-start w-full text-[1rem] text-white ml-4 mt-2" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-2"
>Top Analyst</a >Top Analyst</a
> >
</Button> </Button>
@ -368,11 +368,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/analysts/top-stocks" href="/analysts/top-stocks"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Top Analyst Stocks</a >Top Analyst Stocks</a
> >
</Button> </Button>
@ -380,11 +380,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/industry" href="/industry"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>By Industry</a >By Industry</a
> >
</Button> </Button>
@ -392,22 +392,22 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/stock-screener" href="/stock-screener"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Stock Screener</a >Stock Screener</a
> >
</Button> </Button>
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/market-mover/gainers" href="/market-mover/gainers"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Market Mover</a >Market Mover</a
> >
</Button> </Button>
@ -415,11 +415,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/heatmap" href="/heatmap"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Market Heatmap</a >Market Heatmap</a
> >
</Button> </Button>
@ -427,11 +427,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/list" href="/list"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Stock Lists</a >Stock Lists</a
> >
</Button> </Button>
@ -446,8 +446,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<Layers class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <Layers class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">ETFs</span> <span class="text-muted dark:text-white ml-1 mr-auto">ETFs</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -457,22 +457,22 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/etf/new-launches" href="/etf/new-launches"
class="text-start w-full text-[1rem] text-white ml-4 mt-2" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-2"
>New Launches</a >New Launches</a
> >
</Button> </Button>
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/etf/etf-providers" href="/etf/etf-providers"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>ETF Providers</a >ETF Providers</a
> >
</Button> </Button>
@ -487,8 +487,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<Calendar class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <Calendar class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">Calendar</span> <span class="text-muted dark:text-white ml-1 mr-auto">Calendar</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -498,22 +498,22 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/dividends-calendar" href="/dividends-calendar"
class="text-start w-full text-[1rem] text-white ml-4 mt-2" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-2"
>Dividends Calendar</a >Dividends Calendar</a
> >
</Button> </Button>
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/earnings-calendar" href="/earnings-calendar"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Earnings Calendar</a >Earnings Calendar</a
> >
</Button> </Button>
@ -521,11 +521,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/ipos" href="/ipos"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>IPO Calendar</a >IPO Calendar</a
> >
</Button> </Button>
@ -533,22 +533,22 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/economic-calendar" href="/economic-calendar"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Economic Calendar</a >Economic Calendar</a
> >
</Button> </Button>
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/economic-indicator" href="/economic-indicator"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Economic Indicator</a >Economic Indicator</a
> >
</Button> </Button>
@ -557,11 +557,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full "
> >
<a <a
href="/stock-splits-calendar" href="/stock-splits-calendar"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Stock Splits Calendar</a >Stock Splits Calendar</a
> >
@ -578,8 +578,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<HandShake class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <HandShake class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">Congress</span> <span class="text-muted dark:text-white ml-1 mr-auto">Congress</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -589,22 +589,22 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/politicians/flow-data" href="/politicians/flow-data"
class="text-start w-full text-[1rem] text-white ml-4 mt-2" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-2"
>Congress Flow</a >Congress Flow</a
> >
</Button> </Button>
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/politicians" href="/politicians"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>All Politicians</a >All Politicians</a
> >
</Button> </Button>
@ -619,8 +619,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<AudioLine class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <AudioLine class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto" <span class="text-muted dark:text-white ml-1 mr-auto"
>Tracker Datasets</span >Tracker Datasets</span
> >
</Accordion.Trigger> </Accordion.Trigger>
@ -632,11 +632,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/insider-tracker" href="/insider-tracker"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Insider Tracker</a >Insider Tracker</a
> >
</Button> </Button>
@ -644,11 +644,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/reddit-tracker" href="/reddit-tracker"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Reddit Tracker</a >Reddit Tracker</a
> >
</Button> </Button>
@ -656,11 +656,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/potus-tracker" href="/potus-tracker"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>POTUS Tracker</a >POTUS Tracker</a
> >
</Button> </Button>
@ -669,11 +669,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/sentiment-tracker" href="/sentiment-tracker"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Sentiment Tracker</a >Sentiment Tracker</a
> >
</Button> </Button>
@ -689,8 +689,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<Flow class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <Flow class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">Flow Feed</span> <span class="text-muted dark:text-white ml-1 mr-auto">Flow Feed</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -700,11 +700,11 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/market-flow" href="/market-flow"
class="text-start w-full text-[1rem] text-white ml-4 mt-2" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-2"
>Market Flow</a >Market Flow</a
> >
</Button> </Button>
@ -712,22 +712,22 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/options-flow" href="/options-flow"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Options Flow</a >Options Flow</a
> >
</Button> </Button>
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="w-full bg-[#18181B] hover:bg-[#18181B]" class="w-full"
> >
<a <a
href="/dark-pool-flow" href="/dark-pool-flow"
class="text-start w-full text-[1rem] text-white ml-4 mt-4" class="text-start w-full text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Dark Pool Flow</a >Dark Pool Flow</a
> >
</Button> </Button>
@ -742,7 +742,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="bg-[#18181B] hover:bg-[#18181B] -ml-4 w-full" class=" -ml-4 w-full"
> >
<a <a
href="/hedge-funds" href="/hedge-funds"
@ -750,11 +750,11 @@
> >
<div class="flex flex-row items-center mr-auto"> <div class="flex flex-row items-center mr-auto">
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors hover:text-muted dark:text-white md:h-8 md:w-8"
> >
<Boxes class="h-5.5 w-5.5" /> <Boxes class="h-5.5 w-5.5" />
</div> </div>
<span class="ml-3 text-white text-[1rem]" <span class="ml-3 text-muted dark:text-white text-[1rem]"
>Hedge Funds</span >Hedge Funds</span
> >
</div> </div>
@ -766,7 +766,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="bg-[#18181B] hover:bg-[#18181B] -ml-4 w-full" class=" -ml-4 w-full"
> >
<a <a
href="/market-news" href="/market-news"
@ -774,11 +774,11 @@
> >
<div class="flex flex-row items-center mr-auto"> <div class="flex flex-row items-center mr-auto">
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors hover:text-muted dark:text-white md:h-8 md:w-8"
> >
<Newspaper class="h-5.5 w-5.5" /> <Newspaper class="h-5.5 w-5.5" />
</div> </div>
<span class="ml-3 text-white text-[1rem]">News</span> <span class="ml-3 text-muted dark:text-white text-[1rem]">News</span>
</div> </div>
</a> </a>
</Button> </Button>
@ -788,7 +788,7 @@
<Button <Button
builders={[builder]} builders={[builder]}
type="submit" type="submit"
class="bg-[#18181B] hover:bg-[#18181B] -ml-4 w-full" class=" -ml-4 w-full"
> >
<a <a
href="/pricing" href="/pricing"
@ -796,11 +796,11 @@
> >
<div class="flex flex-row items-center mr-auto"> <div class="flex flex-row items-center mr-auto">
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors hover:text-muted dark:text-white md:h-8 md:w-8"
> >
<Gem class="h-5.5 w-5.5" /> <Gem class="h-5.5 w-5.5" />
</div> </div>
<span class="ml-3 text-white text-[1rem]" <span class="ml-3 text-muted dark:text-white text-[1rem]"
>Pricing Plan</span >Pricing Plan</span
> >
</div> </div>
@ -815,7 +815,7 @@
<a href="/" class="-ml-2 flex shrink-0"> <a href="/" class="-ml-2 flex shrink-0">
<img <img
class="avatar w-9 3xl:w-10 rounded-full" class="avatar w-9 3xl:w-10 rounded-full"
src={stocknear_logo} src="/pwa-192x192.png"
alt="Stocknear Logo" alt="Stocknear Logo"
/> />
<span class="text-muted dark:text-white font-semibold ml-2 text-lg">Stocknear</span> <span class="text-muted dark:text-white font-semibold ml-2 text-lg">Stocknear</span>
@ -914,7 +914,7 @@
<div class="flex w-full"> <div class="flex w-full">
<div class="hidden 3xl:block 3xl:w-[300px]"> <div class="hidden 3xl:block 3xl:w-[300px]">
<aside <aside
class="fixed overflow-y-auto no-scrollbar overflow-hidden inset-y-0 left-0 z-50 3xl:flex w-64 flex-col 3xl:border-r 3xl:border-gray-800 bg-[#18181B]" class="shadow-md fixed overflow-y-auto no-scrollbar overflow-hidden inset-y-0 left-0 z-50 3xl:flex w-64 flex-col dark:3xl:border-r dark:3xl:border-gray-800 bg-white dark:bg-[#18181B]"
> >
<nav <nav
class="flex flex-col items-center mr-auto gap-y-4 3xl:py-5 w-full" class="flex flex-col items-center mr-auto gap-y-4 3xl:py-5 w-full"
@ -925,27 +925,27 @@
> >
<img <img
class="avatar w-9 3xl:w-12 rounded-full" class="avatar w-9 3xl:w-12 rounded-full"
src={stocknear_logo} src="/pwa-192x192.png"
alt="Stocknear Logo" alt="Stocknear Logo"
/> />
<span class="text-white text-xl">Stocknear</span> <span class="text-muted dark:text-white text-xl">Stocknear</span>
</a> </a>
<a href="/" class="flex flex-row items-center ml-9 w-full"> <a href="/" class="flex flex-row items-center ml-9 w-full">
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
> >
<Home class="h-5.5 w-5.5" /> <Home class="h-5.5 w-5.5" />
</div> </div>
<span class="ml-3 text-white">Home</span> <span class="ml-3 text-muted dark:text-white">Home</span>
</a> </a>
<div class="flex flex-row items-center ml-9 w-full mt-3"> <div class="flex flex-row items-center ml-9 w-full mt-3">
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class="text-white "> <Accordion.Trigger class="text-muted dark:text-white ">
<Stock class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <Stock class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">Stocks</span> <span class="text-muted dark:text-white ml-1 mr-auto">Stocks</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -953,41 +953,41 @@
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<a <a
href="/analysts" href="/analysts"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Top Analyst</a >Top Analyst</a
> >
<a <a
href="/analysts/top-stocks" href="/analysts/top-stocks"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Top Analyst Stocks</a >Top Analyst Stocks</a
> >
<a <a
href="/industry" href="/industry"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>By Industry</a >By Industry</a
> >
<a <a
href="/stock-screener" href="/stock-screener"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Stock Screener</a >Stock Screener</a
> >
<a <a
href="/market-mover/gainers" href="/market-mover/gainers"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Market Mover</a >Market Mover</a
> >
<a <a
href="/heatmap" href="/heatmap"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Market Heatmap</a >Market Heatmap</a
> >
<a <a
href="/list" href="/list"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Stock Lists</a >Stock Lists</a
> >
</div> </div>
@ -1000,8 +1000,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<Layers class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <Layers class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">ETFs</span> <span class="text-muted dark:text-white ml-1 mr-auto">ETFs</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -1009,12 +1009,12 @@
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<a <a
href="/etf/new-launches" href="/etf/new-launches"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>New Launches</a >New Launches</a
> >
<a <a
href="/etf/etf-providers" href="/etf/etf-providers"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>ETF Providers</a >ETF Providers</a
> >
</div> </div>
@ -1027,8 +1027,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<Calendar class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <Calendar class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">Calendar</span> <span class="text-muted dark:text-white ml-1 mr-auto">Calendar</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -1036,41 +1036,41 @@
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<a <a
href="/dividends-calendar" href="/dividends-calendar"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Dividends Calendar</a >Dividends Calendar</a
> >
<a <a
href="/earnings-calendar" href="/earnings-calendar"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Earnings Calendar</a >Earnings Calendar</a
> >
<!-- <!--
<a <a
href="/fda-calendar" href="/fda-calendar"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>FDA Calendar</a >FDA Calendar</a
> >
--> -->
<a <a
href="/ipos" href="/ipos"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>IPO Calendar</a >IPO Calendar</a
> >
<a <a
href="/economic-calendar" href="/economic-calendar"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Economic Calendar</a >Economic Calendar</a
> >
<a <a
href="/economic-indicator" href="/economic-indicator"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Economic Indicator</a >Economic Indicator</a
> >
<!-- <!--
<a <a
href="/stock-splits-calendar" href="/stock-splits-calendar"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Stock Splits Calendar</a >Stock Splits Calendar</a
> >
--> -->
@ -1084,8 +1084,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<HandShake class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <HandShake class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">Congress</span> <span class="text-muted dark:text-white ml-1 mr-auto">Congress</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
@ -1095,12 +1095,12 @@
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<a <a
href="/politicians/flow-data" href="/politicians/flow-data"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Congress Flow</a >Congress Flow</a
> >
<a <a
href="/politicians" href="/politicians"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>All Politicians</a >All Politicians</a
> >
</div> </div>
@ -1114,8 +1114,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<AudioLine class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <AudioLine class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto" <span class="text-muted dark:text-white ml-1 mr-auto"
>Tracker Datasets</span >Tracker Datasets</span
> >
</Accordion.Trigger> </Accordion.Trigger>
@ -1125,26 +1125,26 @@
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<a <a
href="/insider-tracker" href="/insider-tracker"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Insider Tracker</a >Insider Tracker</a
> >
<a <a
href="/reddit-tracker" href="/reddit-tracker"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Reddit Tracker</a >Reddit Tracker</a
> >
<a <a
href="/potus-tracker" href="/potus-tracker"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>POTUS Tracker</a >POTUS Tracker</a
> >
<!-- <!--
<a <a
href="/sentiment-tracker" href="/sentiment-tracker"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Sentiment Tracker</a >Sentiment Tracker</a
> >
--> -->
@ -1158,8 +1158,8 @@
<Accordion.Root class="w-full"> <Accordion.Root class="w-full">
<Accordion.Item value="item-1"> <Accordion.Item value="item-1">
<Accordion.Trigger class=""> <Accordion.Trigger class="">
<Flow class="h-5.5 w-5.5 mr-3 text-white ml-1" /> <Flow class="h-5.5 w-5.5 mr-3 text-muted dark:text-white ml-1" />
<span class="text-white ml-1 mr-auto">Flow Feed</span> <span class="text-muted dark:text-white ml-1 mr-auto">Flow Feed</span>
</Accordion.Trigger> </Accordion.Trigger>
<Accordion.Content <Accordion.Content
class="border-l border-gray-500 ml-2 mt-5" class="border-l border-gray-500 ml-2 mt-5"
@ -1167,18 +1167,18 @@
<div class="flex flex-col items-start"> <div class="flex flex-col items-start">
<a <a
href="/market-flow" href="/market-flow"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Market Flow</a >Market Flow</a
> >
<a <a
href="/options-flow" href="/options-flow"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Options Flow</a >Options Flow</a
> >
<a <a
href="/dark-pool-flow" href="/dark-pool-flow"
class="text-[1rem] text-white ml-4 mt-4" class="text-[1rem] text-muted dark:text-white ml-4 mt-4"
>Dark Pool Flow</a >Dark Pool Flow</a
> >
</div> </div>
@ -1192,11 +1192,11 @@
class="flex flex-row items-center ml-9 w-full mt-3" class="flex flex-row items-center ml-9 w-full mt-3"
> >
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
> >
<Boxes class="h-5.5 w-5.5" /> <Boxes class="h-5.5 w-5.5" />
</div> </div>
<span class="ml-3 text-white">Hedge Funds</span> <span class="ml-3 text-muted dark:text-white">Hedge Funds</span>
</a> </a>
<a <a
@ -1204,11 +1204,11 @@
class="flex flex-row items-center ml-9 w-full mt-3" class="flex flex-row items-center ml-9 w-full mt-3"
> >
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
> >
<Newspaper class="h-5.5 w-5.5" /> <Newspaper class="h-5.5 w-5.5" />
</div> </div>
<span class="ml-3 text-white">News</span> <span class="ml-3 text-muted dark:text-white">News</span>
</a> </a>
{#if !["Pro", "Plus"]?.includes(data?.user?.tier)} {#if !["Pro", "Plus"]?.includes(data?.user?.tier)}
<a <a
@ -1216,18 +1216,18 @@
class="flex flex-row items-center ml-9 w-full mt-3" class="flex flex-row items-center ml-9 w-full mt-3"
> >
<div <div
class="flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:text-white md:h-8 md:w-8" class="flex h-9 w-9 items-center justify-center rounded-md text-muted dark:text-white transition-colors md:h-8 md:w-8"
> >
<Gem class="h-5.5 w-5.5" /> <Gem class="h-5.5 w-5.5" />
</div> </div>
<span class="ml-3 text-white">Pricing Plan</span> <span class="ml-3 text-muted dark:text-white">Pricing Plan</span>
</a> </a>
{/if} {/if}
</nav> </nav>
</aside> </aside>
</div> </div>
<div class="w-full"> <div class="w-full">
<main class="w-full overflow-y-auto bg-default sm:p-4"> <main class="w-full overflow-y-auto sm:p-4">
<!-- <!--
<button on:click={handleNotificationClick}> <button on:click={handleNotificationClick}>
Send Notification Send Notification

11
src/routes/+page.svelte
View File

@ -64,7 +64,7 @@
/> />
<div <div
class="w-full sm:max-w-[1400px] overflow-hidden m-auto min-h-screen bg-white dark:bg-default text-muted dark:text-white mb-40" class="w-full sm:max-w-[1400px] overflow-hidden m-auto min-h-screen bg-white dark:bg-default text-muted dark:text-white mb-16"
> >
{#if AppInstalled && !$closedPWA} {#if AppInstalled && !$closedPWA}
<svelte:component this={AppInstalled} /> <svelte:component this={AppInstalled} />
@ -413,7 +413,7 @@
<a <a
href={`/stocks/${item?.ticker}`} href={`/stocks/${item?.ticker}`}
class="inline-block badge duration-0 rounded-sm ml-1 px-2 m-auto text-blue-600 dark:text-blue-400 dark:sm:hover:text-white sm:hover:text-muted" class="inline-block badge duration-0 bg-blue-50 font-semibold dark:font-normal rounded-sm ml-1 px-2 m-auto text-blue-600 dark:text-blue-400 dark:sm:hover:text-white sm:hover:text-muted"
>{item?.ticker}</a >{item?.ticker}</a
> >
</li> </li>
@ -697,8 +697,8 @@
)}: )}:
<li <li
class="text-sm sm:text-[1rem]" class="text-sm sm:text-[1rem] text-muted dark:text-white"
style="color: #fff; margin-top:10px; margin-left: 30px; margin-bottom: 10px; list-style-type: disc;" style="margin-top:10px; margin-left: 30px; margin-bottom: 10px; list-style-type: disc;"
> >
Revenue of {abbreviateNumber(item?.revenue)} Revenue of {abbreviateNumber(item?.revenue)}
{item?.revenueSurprise > 0 ? "exceeds" : "misses"} estimates {item?.revenueSurprise > 0 ? "exceeds" : "misses"} estimates
@ -713,7 +713,8 @@
: "growth"}. : "growth"}.
</li> </li>
<li <li
style="color: #fff; line-height: 22px; margin-top:0px; margin-left: 30px; margin-bottom: 30px; list-style-type: disc;" class="text-muted dark:text-white"
style="line-height: 22px; margin-top:0px; margin-left: 30px; margin-bottom: 30px; list-style-type: disc;"
> >
EPS of {item?.eps} EPS of {item?.eps}
{item?.epsSurprise > 0 ? "exceeds" : "misses"} estimates by {item?.epsSurprise > 0 ? "exceeds" : "misses"} estimates by

20
src/routes/market-news/+layout.svelte
View File

@ -10,7 +10,7 @@
path: "/market-news", path: "/market-news",
}, },
{ {
title: "Market", title: "Markets",
path: "/market-news/general", path: "/market-news/general",
}, },
{ {
@ -32,12 +32,12 @@
</script> </script>
<section <section
class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3" class="w-full max-w-3xl sm:max-w-[1400px] overflow-hidden pb-20 pt-5 px-4 lg:px-3 text-muted dark:text-white"
> >
<div class="text-sm sm:text-[1rem] breadcrumbs"> <div class="text-sm sm:text-[1rem] breadcrumbs">
<ul> <ul>
<li><a href="/" class="text-gray-300">Home</a></li> <li><a href="/" class="text-muted dark:text-gray-300">Home</a></li>
<li class="text-gray-300">Market News</li> <li class="text-muted dark:text-gray-300">Market News</li>
</ul> </ul>
</div> </div>
@ -47,7 +47,7 @@
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
> >
<main class="w-full lg:pr-5"> <main class="w-full lg:pr-5">
<h1 class="mb-6 text-white text-2xl sm:text-3xl font-bold"> <h1 class="mb-6 text-2xl sm:text-3xl font-bold">
{activeIdx === 0 {activeIdx === 0
? "All Stocks News" ? "All Stocks News"
: activeIdx === 1 : activeIdx === 1
@ -55,14 +55,16 @@
: "Press Releases"} : "Press Releases"}
</h1> </h1>
<nav class=" border-b-[2px] overflow-x-auto whitespace-nowrap"> <nav
<ul class="flex flex-row items-center w-full text-lg text-white"> class="border-[#2C6288] dark:border-white border-b-[2px] overflow-x-auto whitespace-nowrap"
>
<ul class="flex flex-row items-center w-full text-[1rem]">
{#each tabs as item, i} {#each tabs as item, i}
<a <a
href={item?.path} href={item?.path}
class="p-2 px-5 cursor-pointer {activeIdx === i class="p-2 px-5 cursor-pointer {activeIdx === i
? 'text-white bg-primary/90 font-semibold' ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold'
: 'text-gray-400 sm:hover:text-white sm:hover:bg-primary/90'}" : 'text-blue-500 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}"
> >
{item.title} {item.title}
</a> </a>

28
src/routes/market-news/+page.svelte
View File

@ -80,7 +80,7 @@
description="The latest news on individual stocks on the US stock market, gathered from trusted finance and investing websites." description="The latest news on individual stocks on the US stock market, gathered from trusted finance and investing websites."
/> />
<div class="w-full overflow-hidden m-auto mt-5"> <div class="w-full overflow-hidden m-auto mt-5 text-muted dark:text-white">
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden"> <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
<div <div
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
@ -90,13 +90,13 @@
<div class="grid grid-cols-1 gap-y-3"> <div class="grid grid-cols-1 gap-y-3">
{#if news?.length !== 0} {#if news?.length !== 0}
{#each news as item, index} {#each news as item, index}
<div class="w-full flex flex-col bg-default rounded-md m-auto"> <div class="w-full flex flex-col rounded-md m-auto">
{#if checkIfYoutubeVideo(item.url)} {#if checkIfYoutubeVideo(item.url)}
{#if showVideo[index]} {#if showVideo[index]}
<!-- Show the YouTube iframe when the user clicks play --> <!-- Show the YouTube iframe when the user clicks play -->
<div class="w-full aspect-video mb-4"> <div class="w-full aspect-video mb-4">
<iframe <iframe
class="w-full h-full rounded-md border border-gray-800" class="w-full h-full rounded-md border border-gray-300 dark:border-gray-800"
src={`https://www.youtube.com/embed/${checkIfYoutubeVideo(item.url)}`} src={`https://www.youtube.com/embed/${checkIfYoutubeVideo(item.url)}`}
frameborder="0" frameborder="0"
allow="clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@ -128,10 +128,10 @@
href={item?.url} href={item?.url}
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
class="text-lg sm:text-xl font-bold text-white" class="text-lg sm:text-xl font-bold"
> >
{item?.title} {item?.title}
<p class="text-white text-sm mt-2 font-normal"> <p class=" text-sm mt-2 font-normal">
{item?.text?.length > 200 {item?.text?.length > 200
? item?.text?.slice(0, 200) + "..." ? item?.text?.slice(0, 200) + "..."
: item?.text} : item?.text}
@ -145,7 +145,7 @@
href={item?.url} href={item?.url}
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
class="w-full sm:max-w-56 h-fit max-h-96 sm:mr-3 border border-gray-800 rounded-md" class="w-full sm:max-w-56 h-fit max-h-96 sm:mr-3 border border-gray-300 dark:border-gray-800 rounded-md"
> >
<div class="shrink-0 m-auto"> <div class="shrink-0 m-auto">
<img <img
@ -164,10 +164,10 @@
href={item?.url} href={item?.url}
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
class="text-lg sm:text-xl font-bold text-white" class="text-lg sm:text-xl font-bold"
> >
{item?.title} {item?.title}
<p class="text-white text-sm mt-2 font-normal"> <p class=" text-sm mt-2 font-normal">
{item?.text?.length > 200 {item?.text?.length > 200
? item?.text?.slice(0, 200) + "..." ? item?.text?.slice(0, 200) + "..."
: item?.text} : item?.text}
@ -177,7 +177,9 @@
</div> </div>
{/if} {/if}
</div> </div>
<hr class="border-gray-600 w-full m-auto mt-5 mb-5" /> <hr
class="border-gray-300 dark:border-gray-600 w-full m-auto mt-5 mb-5"
/>
{/each} {/each}
{/if} {/if}
</div> </div>
@ -186,16 +188,16 @@
<aside class="hidden lg:block relative fixed w-1/4"> <aside class="hidden lg:block relative fixed w-1/4">
{#if marketNews?.length !== 0} {#if marketNews?.length !== 0}
<div <div
class="w-full sm:hover:text-white text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit" class="w-full border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="p-4 text-sm"> <div class="p-4 text-sm">
<h3 class="text-xl text-white font-bold mb-3">Market News</h3> <h3 class="text-xl font-bold mb-3">Market News</h3>
<ul class="text-white"> <ul class="">
{#each marketNews?.slice(0, 10) as item} {#each marketNews?.slice(0, 10) as item}
<li class="mb-3 last:mb-1"> <li class="mb-3 last:mb-1">
{formatDate(item?.publishedDate)} ago - {formatDate(item?.publishedDate)} ago -
<a <a
class="sm:hover:text-white text-blue-400" class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
href={item?.url} href={item?.url}
target="_blank" target="_blank"
rel="noopener noreferrer nofollow">{item?.title}</a rel="noopener noreferrer nofollow">{item?.title}</a

71
src/routes/market-news/general/+page.svelte
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { numberOfUnreadNotification } from "$lib/store";
import { onMount } from "svelte"; import { onMount } from "svelte";
import SEO from "$lib/components/SEO.svelte";
export let data; export let data;
@ -74,44 +74,13 @@
} }
</script> </script>
<svelte:head> <SEO
<meta charset="utf-8" /> title="Today's
<meta name="viewport" content="width=device-width" /> Stock Market News and Breaking Stories"
<title> description="Get the latest stock market news and breaking stories from the world's best finance and investing websites."
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Today's />
Stock Market News and Breaking Stories · Stocknear
</title>
<meta
name="description"
content={`Get the latest stock market news and breaking stories from the world's best finance and investing websites.`}
/>
<!-- Other meta tags --> <div class="w-full overflow-hidden m-auto mt-5 text-muted dark:text-white">
<meta
property="og:title"
content={`Today's Stock Market News and Breaking Stories · Stocknear`}
/>
<meta
property="og:description"
content={`Get the latest stock market news and breaking stories from the world's best finance and investing websites.`}
/>
<meta property="og:type" content="website" />
<!-- Add more Open Graph meta tags as needed -->
<!-- Twitter specific meta tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content={`Today's Stock Market News and Breaking Stories · Stocknear`}
/>
<meta
name="twitter:description"
content={`Get the latest stock market news and breaking stories from the world's best finance and investing websites.`}
/>
<!-- Add more Twitter meta tags as needed -->
</svelte:head>
<div class="w-full overflow-hidden m-auto mt-5">
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden"> <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
<div <div
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
@ -121,13 +90,13 @@
<div class="grid grid-cols-1 gap-y-3"> <div class="grid grid-cols-1 gap-y-3">
{#if news?.length !== 0} {#if news?.length !== 0}
{#each news as item, index} {#each news as item, index}
<div class="w-full flex flex-col bg-default rounded-md m-auto"> <div class="w-full flex flex-col rounded-md m-auto">
{#if checkIfYoutubeVideo(item.url)} {#if checkIfYoutubeVideo(item.url)}
{#if showVideo[index]} {#if showVideo[index]}
<!-- Show the YouTube iframe when the user clicks play --> <!-- Show the YouTube iframe when the user clicks play -->
<div class="w-full aspect-video mb-4"> <div class="w-full aspect-video mb-4">
<iframe <iframe
class="w-full h-full rounded-md border border-gray-800" class="w-full h-full rounded-md border border-gray-300 dark:border-gray-800"
src={`https://www.youtube.com/embed/${checkIfYoutubeVideo(item.url)}`} src={`https://www.youtube.com/embed/${checkIfYoutubeVideo(item.url)}`}
frameborder="0" frameborder="0"
allow="clipboard-write; encrypted-media; gyroscope; picture-in-picture" allow="clipboard-write; encrypted-media; gyroscope; picture-in-picture"
@ -159,10 +128,10 @@
href={item?.url} href={item?.url}
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
class="text-lg sm:text-xl font-bold text-white" class="text-lg sm:text-xl font-bold"
> >
{item?.title} {item?.title}
<p class="text-white text-sm mt-2 font-normal"> <p class=" text-sm mt-2 font-normal">
{item?.text?.length > 200 {item?.text?.length > 200
? item?.text?.slice(0, 200) + "..." ? item?.text?.slice(0, 200) + "..."
: item?.text} : item?.text}
@ -176,7 +145,7 @@
href={item?.url} href={item?.url}
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
class="w-full sm:max-w-56 h-fit max-h-96 sm:mr-3 border border-gray-800 rounded-md" class="w-full sm:max-w-56 h-fit max-h-96 sm:mr-3 border border-gray-300 dark:border-gray-800 rounded-md"
> >
<div class="shrink-0 m-auto"> <div class="shrink-0 m-auto">
<img <img
@ -195,10 +164,10 @@
href={item?.url} href={item?.url}
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
class="text-lg sm:text-xl font-bold text-white" class="text-lg sm:text-xl font-bold"
> >
{item?.title} {item?.title}
<p class="text-white text-sm mt-2 font-normal"> <p class=" text-sm mt-2 font-normal">
{item?.text?.length > 200 {item?.text?.length > 200
? item?.text?.slice(0, 200) + "..." ? item?.text?.slice(0, 200) + "..."
: item?.text} : item?.text}
@ -208,7 +177,9 @@
</div> </div>
{/if} {/if}
</div> </div>
<hr class="border-gray-600 w-full m-auto mt-5 mb-5" /> <hr
class="border-gray-300 dark:border-gray-600 w-full m-auto mt-5 mb-5"
/>
{/each} {/each}
{/if} {/if}
</div> </div>
@ -217,16 +188,16 @@
<aside class="hidden lg:block relative fixed w-1/4"> <aside class="hidden lg:block relative fixed w-1/4">
{#if stockNews?.length !== 0} {#if stockNews?.length !== 0}
<div <div
class="w-full sm:hover:text-white text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit" class="w-full border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="p-4 text-sm"> <div class="p-4 text-sm">
<h3 class="text-xl text-white font-bold mb-3">Stock News</h3> <h3 class="text-xl font-bold mb-3">Stock News</h3>
<ul class="text-white"> <ul class="">
{#each stockNews?.slice(0, 10) as item} {#each stockNews?.slice(0, 10) as item}
<li class="mb-3 last:mb-1"> <li class="mb-3 last:mb-1">
{formatDate(item?.publishedDate)} ago - {formatDate(item?.publishedDate)} ago -
<a <a
class="sm:hover:text-white text-blue-400" class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
href={item?.url} href={item?.url}
target="_blank" target="_blank"
rel="noopener noreferrer nofollow">{item?.title}</a rel="noopener noreferrer nofollow">{item?.title}</a

69
src/routes/market-news/press-releases/+page.svelte
View File

@ -1,6 +1,6 @@
<script lang="ts"> <script lang="ts">
import { numberOfUnreadNotification } from "$lib/store";
import { onMount } from "svelte"; import { onMount } from "svelte";
import SEO from "$lib/components/SEO.svelte";
export let data; export let data;
@ -53,44 +53,13 @@
}); });
</script> </script>
<svelte:head> <SEO
<meta charset="utf-8" /> title="Press
<meta name="viewport" content="width=device-width" /> Releases From Publicly Traded Companies"
<title> description="Press releases for publicly traded companies on the US stock market. Includes important company events, earnings releases and more."
{$numberOfUnreadNotification > 0 ? `(${$numberOfUnreadNotification})` : ""} Press />
Releases From Publicly Traded Companies · Stocknear
</title>
<meta
name="description"
content={`Press releases for publicly traded companies on the US stock market. Includes important company events, earnings releases and more.`}
/>
<!-- Other meta tags --> <div class="w-full overflow-hidden m-auto mt-5 text-muted dark:text-white">
<meta
property="og:title"
content={`TPress Releases From Publicly Traded Companies · Stocknear`}
/>
<meta
property="og:description"
content={`Press releases for publicly traded companies on the US stock market. Includes important company events, earnings releases and more.`}
/>
<meta property="og:type" content="website" />
<!-- Add more Open Graph meta tags as needed -->
<!-- Twitter specific meta tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta
name="twitter:title"
content={`TPress Releases From Publicly Traded Companies · Stocknear`}
/>
<meta
name="twitter:description"
content={`Press releases for publicly traded companies on the US stock market. Includes important company events, earnings releases and more.`}
/>
<!-- Add more Twitter meta tags as needed -->
</svelte:head>
<div class="w-full overflow-hidden m-auto mt-5">
<div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden"> <div class="sm:p-0 flex justify-center w-full m-auto overflow-hidden">
<div <div
class="relative flex justify-center items-start overflow-hidden w-full" class="relative flex justify-center items-start overflow-hidden w-full"
@ -100,7 +69,7 @@
<div class="grid grid-cols-1 gap-y-3"> <div class="grid grid-cols-1 gap-y-3">
{#if news.length !== 0} {#if news.length !== 0}
{#each news as item} {#each news as item}
<div class="w-full flex flex-col bg-default m-auto"> <div class="w-full flex flex-col m-auto">
<div class="w-full flex flex-col sm:flex-row"> <div class="w-full flex flex-col sm:flex-row">
<a <a
href={item?.url} href={item?.url}
@ -119,7 +88,9 @@
</a> </a>
<div class="w-full"> <div class="w-full">
<h3 class="text-sm text-white/80 truncate mb-2"> <h3
class="text-sm text-muted dark:text-white/80 truncate mb-2"
>
{formatDate(item?.publishedDate)} ago · {item?.site} {formatDate(item?.publishedDate)} ago · {item?.site}
</h3> </h3>
@ -127,16 +98,16 @@
href={item?.url} href={item?.url}
rel="noopener noreferrer" rel="noopener noreferrer"
target="_blank" target="_blank"
class="text-lg sm:text-xl font-bold text-white" class="text-lg sm:text-xl font-bold"
> >
{item?.title} {item?.title}
<p class="text-white text-sm mt-2 font-normal"> <p class=" text-sm mt-2 font-normal">
{item?.text?.length > 200 {item?.text?.length > 200
? item?.text?.slice(0, 200) + "..." ? item?.text?.slice(0, 200) + "..."
: item?.text} : item?.text}
</p> </p>
</a> </a>
<div class=" mt-2 text-white"> <div class=" mt-2">
<span>Stocks:</span> <span>Stocks:</span>
<a <a
@ -150,7 +121,9 @@
</div> </div>
</div> </div>
<hr class="border-gray-600 w-full m-auto mt-3 mb-5" /> <hr
class="border-gray-300 dark:border-gray-600 w-full m-auto mt-3 mb-5"
/>
{/each} {/each}
{/if} {/if}
</div> </div>
@ -159,16 +132,16 @@
<aside class="hidden lg:block relative fixed w-1/4"> <aside class="hidden lg:block relative fixed w-1/4">
{#if stockNews?.length !== 0} {#if stockNews?.length !== 0}
<div <div
class="w-full sm:hover:text-white text-white border border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer bg-inherit" class="w-full border border-gray-300 dark:border-gray-600 rounded-md h-fit pb-4 mt-4 cursor-pointer"
> >
<div class="p-4 text-sm"> <div class="p-4 text-sm">
<h3 class="text-xl text-white font-bold mb-3">Stock News</h3> <h3 class="text-xl font-bold mb-3">Stock News</h3>
<ul class="text-white"> <ul class="">
{#each stockNews?.slice(0, 10) as item} {#each stockNews?.slice(0, 10) as item}
<li class="mb-3 last:mb-1"> <li class="mb-3 last:mb-1">
{formatDate(item?.publishedDate)} ago - {formatDate(item?.publishedDate)} ago -
<a <a
class="sm:hover:text-white text-blue-400" class="sm:hover:text-muted dark:sm:hover:text-white text-blue-500 dark:text-blue-400"
href={item?.url} href={item?.url}
target="_blank" target="_blank"
rel="noopener noreferrer nofollow">{item?.title}</a rel="noopener noreferrer nofollow">{item?.title}</a