add link to help center

renegade-fi · Dec 4, 2024 · c65f5d6 · c65f5d6
1 parent ca85a1e
commit c65f5d6
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/app/stats/page-client.tsx b/app/stats/page-client.tsx
@@ -1,10 +1,16 @@
 "use client"
 
+import { Info } from "lucide-react"
+
 import { InflowsChart } from "@/app/stats/charts/inflows-chart"
 import { TimeToFillCard } from "@/app/stats/charts/time-to-fill-card"
 import { TvlChart } from "@/app/stats/charts/tvl-chart"
 import { VolumeChart } from "@/app/stats/charts/volume-chart"
 
+import { Button } from "@/components/ui/button"
+
+import { HELP_CENTER_ARTICLES } from "@/lib/constants/articles"
+
 export function PageClient() {
   return (
     <main className="container mb-8 mt-12 flex flex-col gap-12 px-4 lg:px-8">
@@ -13,8 +19,24 @@ export function PageClient() {
           <h1 className="mb-4 mt-6 font-serif text-3xl font-bold tracking-tighter lg:tracking-normal">
             Time to Fill
           </h1>
-          <div className="border py-16">
+          <div className="relative border py-16">
             <TimeToFillCard />
+            <div className="absolute bottom-2 right-4">
+              <Button
+                asChild
+                className="p-0 text-xs text-muted-foreground"
+                variant="link"
+              >
+                <a
+                  href={HELP_CENTER_ARTICLES.ORDER_FILLING.url}
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  <Info className="mr-1 h-3 w-3" />
+                  Why the wait?
+                </a>
+              </Button>
+            </div>
           </div>
         </div>
       </div>
@@ -25,7 +47,6 @@ export function PageClient() {
             Total Value Locked
           </h1>
           <TvlChart />
-          {}
         </div>
         <div className="col-span-1 lg:col-span-2">
           <h1 className="mb-4 mt-6 font-serif text-3xl font-bold tracking-tighter lg:tracking-normal">

diff --git a/components/animated-slider.tsx b/components/animated-slider.tsx
@@ -28,7 +28,7 @@ export function Slider({
       </RadixSlider.Track>
       <RadixSlider.Thumb
         aria-label="Volume"
-        className="relative block h-5 w-5 rounded-[1rem] bg-white shadow-md ring ring-black/10"
+        className="relative block h-5 w-5 cursor-grab rounded-[1rem] bg-white shadow-md ring ring-black/10"
       >
         {value?.[0] != null && (
           <NumberFlow