feat: add copy id button

Author: drew-harris

frontends/dashboard/src/components/CopyButton.tsx

@@ -16,10 +16,10 @@ export const CopyButton = (props: CopyButtonProps) => {
       }}
     >
       <Show when={copied()}>
-        <FiCheck />
+        <FiCheck size={props.size ?? 16} />
       </Show>
       <Show when={!copied()}>
-        <FiClipboard class="text-gray-500" />
+        <FiClipboard size={props.size ?? 16} class="text-gray-500" />
       </Show>
     </button>
   );

frontends/dashboard/src/components/OrgName.tsx

@@ -1,12 +1,14 @@
 import { useContext } from "solid-js";
 import { UserContext } from "../contexts/UserContext";
+import { CopyButton } from "./CopyButton";
 
 export const OrgName = () => {
   const userContext = useContext(UserContext);
 
   return (
-    <h3 class="text-xl font-semibold text-neutral-600">
+    <h3 class="flex items-baseline gap-2 text-xl font-semibold text-neutral-600">
       {userContext.selectedOrg().name}
+      <CopyButton size={14} text={userContext.selectedOrg().id} />
     </h3>
   );
 };

frontends/dashboard/src/index.tsx

@@ -19,6 +19,7 @@ import { OrganizationHomepage } from "./pages/orgs/OrganizationHomepage.tsx";
 import { OrgUserPage } from "./pages/orgs/OrgUserPage.tsx";
 import { OrgBillingPage } from "./pages/orgs/OrgBillingPage.tsx";
 import { OrgSettings } from "./pages/orgs/OrgSettings.tsx";
+import { HomeRedirect } from "./pages/HomeRedirect.tsx";
 
 if (!DEV) {
   Sentry.init({
@@ -50,10 +51,11 @@ const routes: RouteDefinition[] = [
       {
         path: "/",
         component: NavbarLayout,
-        load: (args) => {
-          args.params;
-        },
         children: [
+          {
+            path: "/",
+            component: HomeRedirect,
+          },
           {
             path: "/org",
             component: OrganizationLayout,

frontends/dashboard/src/pages/HomeRedirect.tsx

@@ -0,0 +1,12 @@
+import { useNavigate } from "@solidjs/router";
+import { onMount } from "solid-js";
+
+export const HomeRedirect = () => {
+  const navigate = useNavigate();
+
+  onMount(() => {
+    navigate("/org");
+  });
+
+  return <></>;
+};