From 250752a02846c173d81650d4dc2677ba66ccaec2 Mon Sep 17 00:00:00 2001
From: Henry Dollman <hank@henrygd.me>
Date: Sun, 21 Jul 2024 17:06:20 -0400
Subject: [PATCH] site updates

---
 hub/site/src/components/add-server.tsx              | 13 +++++++------
 .../src/components/charts/container-mem-chart.tsx   | 13 ++++++-------
 hub/site/src/components/command-palette.tsx         |  3 ++-
 hub/site/src/components/logo.tsx                    |  2 +-
 .../src/components/server-table/systems-table.tsx   |  2 +-
 hub/site/src/main.tsx                               |  8 ++++----
 6 files changed, 21 insertions(+), 20 deletions(-)

diff --git a/hub/site/src/components/add-server.tsx b/hub/site/src/components/add-server.tsx
index 2b5bf78..f55eb87 100644
--- a/hub/site/src/components/add-server.tsx
+++ b/hub/site/src/components/add-server.tsx
@@ -26,16 +26,17 @@ export function AddServerButton() {
 
 	function copyDockerCompose(port: string) {
 		copyToClipboard(`services:
-  agent:
+  beszel-agent:
     image: 'henrygd/beszel-agent'
     container_name: 'beszel-agent'
     restart: unless-stopped
-    ports:
-      - '${port}:45876'
-    volumes:
+    network_mode: host
+		volumes:
       - /var/run/docker.sock:/var/run/docker.sock
     environment:
-      - KEY="${publicKey}"`)
+		  - PORT=${port}
+      - KEY="${publicKey}"
+			# - FILESYSTEM=/dev/sda1 # set to the correct filesystem for disk I/O stats`)
 	}
 
 	useEffect(() => {
@@ -93,7 +94,7 @@ export function AddServerButton() {
 					</DialogDescription>
 				</DialogHeader>
 				<form onSubmit={handleSubmit as any}>
-					<div className="grid gap-4 mt-1 mb-4">
+					<div className="grid gap-3 mt-1 mb-4">
 						<div className="grid grid-cols-4 items-center gap-4">
 							<Label htmlFor="name" className="text-right">
 								Name
diff --git a/hub/site/src/components/charts/container-mem-chart.tsx b/hub/site/src/components/charts/container-mem-chart.tsx
index 5ba6cb4..1a75d25 100644
--- a/hub/site/src/components/charts/container-mem-chart.tsx
+++ b/hub/site/src/components/charts/container-mem-chart.tsx
@@ -11,7 +11,7 @@ import { useMemo } from 'react'
 import { formatShortDate, hourWithMinutes } from '@/lib/utils'
 import Spinner from '../spinner'
 
-export default function ({
+export default function ContainerMemChart({
 	chartData,
 	ticks,
 }: {
@@ -71,15 +71,14 @@ export default function ({
 			>
 				<CartesianGrid vertical={false} />
 				<YAxis
-					domain={[0, (max: number) => Math.ceil(max)]}
-					// tickCount={9}
-					allowDecimals={false}
+					// domain={[0, (max: number) => Math.ceil(max)]}
 					tickLine={false}
 					axisLine={false}
 					unit={' GB'}
-					tickFormatter={(x) => {
-						x = x / 1024
-						return x % 1 === 0 ? x : x.toFixed(1)
+					width={70}
+					tickFormatter={(value) => {
+						value = value / 1024
+						return value.toFixed((value * 100) % 1 === 0 ? 1 : 2)
 					}}
 				/>
 				<XAxis
diff --git a/hub/site/src/components/command-palette.tsx b/hub/site/src/components/command-palette.tsx
index fc11bfa..4f2f298 100644
--- a/hub/site/src/components/command-palette.tsx
+++ b/hub/site/src/components/command-palette.tsx
@@ -62,8 +62,9 @@ export default function CommandPalette() {
 						<CommandShortcut>Page</CommandShortcut>
 					</CommandItem>
 					<CommandItem
+						keywords={['github']}
 						onSelect={() => {
-							window.location.href = 'https://github.com/henrygd'
+							window.location.href = 'https://github.com/henrygd/beszel/blob/main/readme.md'
 						}}
 					>
 						<Github className="mr-2 h-4 w-4" />
diff --git a/hub/site/src/components/logo.tsx b/hub/site/src/components/logo.tsx
index 3d69d38..e85e657 100644
--- a/hub/site/src/components/logo.tsx
+++ b/hub/site/src/components/logo.tsx
@@ -1,7 +1,7 @@
 export function Logo({ className }: { className?: string }) {
 	return (
 		// Righteous
-		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 283.4 74.1" className={className}>
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285 75" className={className}>
 			<path d="M146.4 73.1h-30.5V59.8h30.5a3.2 3.2 0 0 0 2.3-1 3.2 3.2 0 0 0 1-2.3q0-.8-.3-1.3a1.5 1.5 0 0 0-.7-.6 4.7 4.7 0 0 0-1-.3l-1.3-.1h-13.9q-3.4 0-6.5-1.3-3-1.3-5.2-3.6a16.9 16.9 0 0 1-3.6-5.3 16.3 16.3 0 0 1-1.3-6.5 16.4 16.4 0 0 1 1.3-6.4q1.3-3.1 3.6-5.4 2.2-2.2 5.2-3.5a16.3 16.3 0 0 1 6.5-1.3h27v13.3h-27a3.2 3.2 0 0 0-2.3 1 3.2 3.2 0 0 0-1 2.3 3.3 3.3 0 0 0 1 2.4 3.3 3.3 0 0 0 1.2.8 3.2 3.2 0 0 0 1.1.2h13.9a18.1 18.1 0 0 1 6 1 17.3 17.3 0 0 1 .4.2q3 1.1 5.3 3.2a15.1 15.1 0 0 1 3.6 4.9 14.7 14.7 0 0 1 1.3 5.4 17.2 17.2 0 0 1 0 .9 16 16 0 0 1-1 5.8 15.4 15.4 0 0 1-.3.7 17.3 17.3 0 0 1-3.6 5.2 16.4 16.4 0 0 1-5.3 3.6 16.2 16.2 0 0 1-6.4 1.3Zm64.5-13.3v13.3h-43.6l22-39h-22V21h43.6l-22 39h22ZM35 73.1H0v-70h35q4.4 0 8.2 1.6a21.4 21.4 0 0 1 6.6 4.6q2.9 2.8 4.5 6.6 1.7 3.8 1.7 8.2a15.4 15.4 0 0 1-.3 3.2 17.6 17.6 0 0 1-.2.8 19.4 19.4 0 0 1-1.5 4 17 17 0 0 1-2.4 3.4 13.5 13.5 0 0 1-2.6 2.3 12.5 12.5 0 0 1-.4.3q1.7 1 3 2.5 1.4 1.6 2.4 3.5a18.3 18.3 0 0 1 1.5 4A17.4 17.4 0 0 1 56 51a15.3 15.3 0 0 1 0 1.1q0 4.3-1.7 8.2a21.4 21.4 0 0 1-4.5 6.6q-2.8 2.9-6.6 4.5-3.8 1.7-8.2 1.7Zm76-43L86 60.4l1.5.3a16.7 16.7 0 0 0 1.6 0q2 0 3.8-.4 1.8-.6 3.4-1.6 1.6-1 2.8-2.4a12.8 12.8 0 0 0 2-3.2l9.8 9.8q-1.9 2.6-4.3 4.7a27 27 0 0 1-5.2 3.6 26.1 26.1 0 0 1-6 2.2 26.8 26.8 0 0 1-6.3.8 26.4 26.4 0 0 1-10.4-2 26.2 26.2 0 0 1-8.5-5.8 26.7 26.7 0 0 1-5.5-8.3 30.4 30.4 0 0 1-.2-.4q-2.1-5-2.1-11.1a31.9 31.9 0 0 1 .7-7 27 27 0 0 1 1.4-4.3 27 27 0 0 1 3.8-6.6 24.5 24.5 0 0 1 2-2.2 26 26 0 0 1 8.4-5.6 27 27 0 0 1 10.4-2 26.3 26.3 0 0 1 6.4.8 26.9 26.9 0 0 1 6 2.2q2.7 1.5 5.2 3.6 2.4 2.1 4.3 4.8Zm152.3 0-25 30.2 1.5.3a16.7 16.7 0 0 0 1.6 0q2 0 3.8-.4 1.8-.6 3.4-1.6 1.5-1 2.8-2.4a12.8 12.8 0 0 0 2-3.2l9.8 9.8q-1.9 2.6-4.3 4.7a27 27 0 0 1-5.2 3.6 26.1 26.1 0 0 1-6 2.2 26.8 26.8 0 0 1-6.3.8 26.4 26.4 0 0 1-10.4-2 26.2 26.2 0 0 1-8.5-5.8A26.7 26.7 0 0 1 217 58a30.4 30.4 0 0 1-.2-.4q-2.1-5-2.1-11.1a31.9 31.9 0 0 1 .7-7 27 27 0 0 1 1.4-4.3 27 27 0 0 1 3.8-6.6 24.5 24.5 0 0 1 2-2.2 26 26 0 0 1 8.4-5.6 27 27 0 0 1 10.4-2 26.3 26.3 0 0 1 6.4.8 26.9 26.9 0 0 1 6 2.2q2.7 1.5 5.2 3.6 2.4 2.1 4.3 4.8ZM283.4 0v73.1H270V0h13.4ZM14 17v14.1h21a7 7 0 0 0 2.3-.4 6.6 6.6 0 0 0 .4-.1Q39 30 40 29a6.9 6.9 0 0 0 1.5-2.3q.5-1.3.5-2.7a7 7 0 0 0-.4-2.3 6.6 6.6 0 0 0-.1-.5q-.6-1.2-1.5-2.2a7 7 0 0 0-2.3-1.5 6.9 6.9 0 0 0-2.5-.5 7.9 7.9 0 0 0-.2 0H14Zm0 28.1v14h21a7 7 0 0 0 2.3-.4 6.6 6.6 0 0 0 .4-.2Q39 58 40 57.1a7 7 0 0 0 1.5-2.3 6.9 6.9 0 0 0 .5-2.5 7.9 7.9 0 0 0 0-.2 7 7 0 0 0-.4-2.3 6.6 6.6 0 0 0-.1-.4Q40.9 48 40 47a7 7 0 0 0-2.3-1.4 6.9 6.9 0 0 0-2.5-.6 7.9 7.9 0 0 0-.2 0H14Zm63.3 8.3 15.5-20.6a8 8 0 0 0-1.4-.4 7 7 0 0 0-.4 0 17.2 17.2 0 0 0-1.6-.1 19.2 19.2 0 0 0-.3 0 13.3 13.3 0 0 0-5.1 1q-2.5 1-4.2 2.8a13.1 13.1 0 0 0-2.5 3.6 15.5 15.5 0 0 0-.3.9 14.7 14.7 0 0 0-1 3.5 18.7 18.7 0 0 0 0 2.4 17.6 17.6 0 0 0 0 .7v.8a29.4 29.4 0 0 0 0 .1 19.2 19.2 0 0 0 .2 2 20.2 20.2 0 0 0 .4 1.6 18.6 18.6 0 0 0 0 .2 7.5 7.5 0 0 0 .4.9 6 6 0 0 0 .3.6Zm152.3 0L245 32.8a8 8 0 0 0-1.4-.4 7 7 0 0 0-.4 0 17.2 17.2 0 0 0-1.6-.1 19.2 19.2 0 0 0-.3 0 13.3 13.3 0 0 0-5.1 1q-2.5 1-4.2 2.8a13.1 13.1 0 0 0-2.5 3.6 15.5 15.5 0 0 0-.4.9 14.7 14.7 0 0 0-.8 3.5 18.7 18.7 0 0 0-.2 2.4 17.6 17.6 0 0 0 0 .7v.8a29.4 29.4 0 0 0 .1.1 19.2 19.2 0 0 0 .2 2 20.2 20.2 0 0 0 .4 1.6 18.6 18.6 0 0 0 0 .2 7.5 7.5 0 0 0 .4.9 6 6 0 0 0 .3.6Z" />
 		</svg>
 	)
diff --git a/hub/site/src/components/server-table/systems-table.tsx b/hub/site/src/components/server-table/systems-table.tsx
index a883d46..1207fbf 100644
--- a/hub/site/src/components/server-table/systems-table.tsx
+++ b/hub/site/src/components/server-table/systems-table.tsx
@@ -124,7 +124,7 @@ export default function SystemsTable() {
 							<Button
 								data-nolink
 								variant={'ghost'}
-								className="text-foreground/80 h-7 px-1.5 gap-1.5"
+								className="text-foreground/90 h-7 px-1.5 gap-1.5"
 								onClick={() => copyToClipboard(info.getValue() as string)}
 							>
 								{info.getValue() as string}
diff --git a/hub/site/src/main.tsx b/hub/site/src/main.tsx
index 1eb1fe9..5442513 100644
--- a/hub/site/src/main.tsx
+++ b/hub/site/src/main.tsx
@@ -143,7 +143,8 @@ const Layout = () => {
 									<a
 										title={'Github'}
 										aria-label="Github repo"
-										href={'https://github.com/henrygd'}
+										href={'https://github.com/henrygd/beszel'}
+										target="_blank"
 										className={cn('', buttonVariants({ variant: 'ghost', size: 'icon' }))}
 									>
 										<GithubIcon className="h-[1.2rem] w-[1.2rem]" />
@@ -156,13 +157,12 @@ const Layout = () => {
 						</TooltipProvider>
 						<DropdownMenu>
 							<DropdownMenuTrigger asChild>
-								<a
+								<button
 									aria-label="User Actions"
-									href={'https://github.com/henrygd'}
 									className={cn('', buttonVariants({ variant: 'ghost', size: 'icon' }))}
 								>
 									<UserIcon className="h-[1.2rem] w-[1.2rem]" />
-								</a>
+								</button>
 							</DropdownMenuTrigger>
 							<DropdownMenuContent align="end" className="min-w-44">
 								<DropdownMenuLabel>{pb.authStore.model?.email}</DropdownMenuLabel>