From 117b234705b437ad9b81e854f4b19db40aab70e8 Mon Sep 17 00:00:00 2001
From: Maximilian Kaske <maximilian@kaske.org>
Date: Fri, 30 Aug 2024 16:55:36 +0200
Subject: [PATCH] chore: final adjustmens

---
 .../play/checker/_components/checker-form.tsx | 21 ++++++++++++++++---
 apps/web/src/components/marketing/hero.tsx    |  5 +----
 .../multi-region-table.tsx                    | 10 ++++-----
 3 files changed, 23 insertions(+), 13 deletions(-)

diff --git a/apps/web/src/app/play/checker/_components/checker-form.tsx b/apps/web/src/app/play/checker/_components/checker-form.tsx
index 1f4a16856..bdaf17a55 100644
--- a/apps/web/src/app/play/checker/_components/checker-form.tsx
+++ b/apps/web/src/app/play/checker/_components/checker-form.tsx
@@ -50,7 +50,13 @@ import useUpdateSearchParams from "@/hooks/use-update-search-params";
 import { toast } from "@/lib/toast";
 import { notEmpty } from "@/lib/utils";
 import { flyRegions } from "@openstatus/db/src/schema/constants";
-import { ChevronRight, FileSearch, Info, Loader } from "lucide-react";
+import {
+  ArrowRight,
+  ChevronRight,
+  FileSearch,
+  Info,
+  Loader,
+} from "lucide-react";
 import dynamic from "next/dynamic";
 import Link from "next/link";
 
@@ -60,7 +66,7 @@ const FloatingActionNoSSR = dynamic(
   {
     ssr: false,
     loading: () => <></>,
-  },
+  }
 );
 
 /**
@@ -184,7 +190,7 @@ export function CheckerForm({ defaultValues, defaultData }: CheckerFormProps) {
                     `Checking ${regionFormatter(_result[0].region, "long")} (${latencyFormatter(_result[0].latency)})`,
                     {
                       id: toastId,
-                    },
+                    }
                   );
                 }
               }
@@ -291,6 +297,15 @@ export function CheckerForm({ defaultValues, defaultData }: CheckerFormProps) {
       <div className="grid gap-4">
         <TableResult result={result} loading={isPending} id={id} />
         <DotLegend />
+        {id ? (
+          <Button variant="secondary" className="group" asChild>
+            <Link href={`/play/checker/${id}`}>
+              <span className="mr-1">Response Details</span>
+              <ArrowRight className="relative mb-[1px] inline h-4 w-0 transition-all group-hover:w-4" />
+              <ChevronRight className="relative mb-[1px] inline h-4 w-4 transition-all group-hover:w-0" />
+            </Link>
+          </Button>
+        ) : null}
       </div>
 
       <FloatingActionNoSSR id={id} />
diff --git a/apps/web/src/components/marketing/hero.tsx b/apps/web/src/components/marketing/hero.tsx
index 140dc1695..074e4e92b 100644
--- a/apps/web/src/components/marketing/hero.tsx
+++ b/apps/web/src/components/marketing/hero.tsx
@@ -29,7 +29,7 @@ export function Hero() {
         <h1
           className={cn(
             "font-cal text-4xl text-foreground md:text-6xl",
-            "bg-gradient-to-tl from-0% from-[hsl(var(--muted))] to-40% to-[hsl(var(--foreground))] bg-clip-text text-transparent",
+            "bg-gradient-to-tl from-0% from-[hsl(var(--muted))] to-40% to-[hsl(var(--foreground))] bg-clip-text text-transparent"
           )}
         >
           A better way to monitor your services.
@@ -59,9 +59,6 @@ export function Hero() {
             </Link>
           </Button>
         </div>
-        <div className="col-span-full">
-          <SpeedCheckerButton variant="ghost" className="w-48 sm:w-auto" />
-        </div>
       </div>
     </div>
   );
diff --git a/apps/web/src/components/ping-response-analysis/multi-region-table.tsx b/apps/web/src/components/ping-response-analysis/multi-region-table.tsx
index 6818ca2ab..dce23a494 100644
--- a/apps/web/src/components/ping-response-analysis/multi-region-table.tsx
+++ b/apps/web/src/components/ping-response-analysis/multi-region-table.tsx
@@ -48,10 +48,8 @@ export function MultiRegionTable<TData, TValue>({
   ]);
   const [expanded, setExpanded] = useState<ExpandedState>({});
   const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({
-    DNS: false,
-    TLS: false,
-    TTFB: false,
-    connect: false,
+    continent: false,
+    "Time (UTC)": false,
   });
 
   const table = useReactTable({
@@ -98,7 +96,7 @@ export function MultiRegionTable<TData, TValue>({
                       ? null
                       : flexRender(
                           header.column.columnDef.header,
-                          header.getContext(),
+                          header.getContext()
                         )}
                   </TableHead>
                 );
@@ -121,7 +119,7 @@ export function MultiRegionTable<TData, TValue>({
                     <TableCell key={cell.id}>
                       {flexRender(
                         cell.column.columnDef.cell,
-                        cell.getContext(),
+                        cell.getContext()
                       )}
                     </TableCell>
                   ))}
-- 
2.54.0