client/{tailscale,web}: add initial webUI frontend for self-updates (#10191)

Updates #10187. Signed-off-by: Naman Sood <mail@nsood.in>
2023-11-15 16:04:44 -05:00
parent 245ddb157b
commit d5c460e83c
13 changed files with 389 additions and 1 deletions
@@ -0,0 +1,29 @@
+import cx from "classnames"
+import React, { HTMLAttributes } from "react"
+
+type Props = {
+  className?: string
+  size: "sm" | "md"
+} & HTMLAttributes<HTMLDivElement>
+
+export default function Spinner(props: Props) {
+  const { className, size, ...rest } = props
+
+  return (
+    <div
+      className={cx(
+        "spinner inline-block rounded-full align-middle",
+        {
+          "border-2 w-4 h-4": size === "sm",
+          "border-4 w-8 h-8": size === "md",
+        },
+        className
+      )}
+      {...rest}
+    />
+  )
+}
+
+Spinner.defaultProps = {
+  size: "md",
+}