Openstatus
www.openstatus.dev
chore: final adjustmens
+23
-13
+18
-3
apps/web/src/app/play/checker/_components/checker-form.tsx
+18
-3
apps/web/src/app/play/checker/_components/checker-form.tsx
···
50
50
import { toast } from "@/lib/toast";
51
51
import { notEmpty } from "@/lib/utils";
52
52
import { flyRegions } from "@openstatus/db/src/schema/constants";
53
-
import { ChevronRight, FileSearch, Info, Loader } from "lucide-react";
53
+
import {
54
+
ArrowRight,
55
+
ChevronRight,
56
+
FileSearch,
57
+
Info,
58
+
Loader,
59
+
} from "lucide-react";
54
60
import dynamic from "next/dynamic";
55
61
import Link from "next/link";
56
62
···
60
66
{
61
67
ssr: false,
62
68
loading: () => <></>,
63
-
},
69
+
}
64
70
);
65
71
66
72
/**
···
184
190
`Checking ${regionFormatter(_result[0].region, "long")} (${latencyFormatter(_result[0].latency)})`,
185
191
{
186
192
id: toastId,
187
-
},
193
+
}
188
194
);
189
195
}
190
196
}
···
291
297
<div className="grid gap-4">
292
298
<TableResult result={result} loading={isPending} id={id} />
293
299
<DotLegend />
300
+
{id ? (
301
+
<Button variant="secondary" className="group" asChild>
302
+
<Link href={`/play/checker/${id}`}>
303
+
<span className="mr-1">Response Details</span>
304
+
<ArrowRight className="relative mb-[1px] inline h-4 w-0 transition-all group-hover:w-4" />
305
+
<ChevronRight className="relative mb-[1px] inline h-4 w-4 transition-all group-hover:w-0" />
306
+
</Link>
307
+
</Button>
308
+
) : null}
294
309
</div>
295
310
296
311
<FloatingActionNoSSR id={id} />
+1
-4
apps/web/src/components/marketing/hero.tsx
+1
-4
apps/web/src/components/marketing/hero.tsx
···
29
29
<h1
30
30
className={cn(
31
31
"font-cal text-4xl text-foreground md:text-6xl",
32
-
"bg-gradient-to-tl from-0% from-[hsl(var(--muted))] to-40% to-[hsl(var(--foreground))] bg-clip-text text-transparent",
32
+
"bg-gradient-to-tl from-0% from-[hsl(var(--muted))] to-40% to-[hsl(var(--foreground))] bg-clip-text text-transparent"
33
33
)}
34
34
>
35
35
A better way to monitor your services.
···
58
58
</Suspense>
59
59
</Link>
60
60
</Button>
61
-
</div>
62
-
<div className="col-span-full">
63
-
<SpeedCheckerButton variant="ghost" className="w-48 sm:w-auto" />
64
61
</div>
65
62
</div>
66
63
</div>
+4
-6
apps/web/src/components/ping-response-analysis/multi-region-table.tsx
+4
-6
apps/web/src/components/ping-response-analysis/multi-region-table.tsx
···
48
48
]);
49
49
const [expanded, setExpanded] = useState<ExpandedState>({});
50
50
const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({
51
-
DNS: false,
52
-
TLS: false,
53
-
TTFB: false,
54
-
connect: false,
51
+
continent: false,
52
+
"Time (UTC)": false,
55
53
});
56
54
57
55
const table = useReactTable({
···
98
96
? null
99
97
: flexRender(
100
98
header.column.columnDef.header,
101
-
header.getContext(),
99
+
header.getContext()
102
100
)}
103
101
</TableHead>
104
102
);
···
121
119
<TableCell key={cell.id}>
122
120
{flexRender(
123
121
cell.column.columnDef.cell,
124
-
cell.getContext(),
122
+
cell.getContext()
125
123
)}
126
124
</TableCell>
127
125
))}