temp

Author: MananTank

apps/dashboard/.storybook/main.ts

@@ -27,5 +27,8 @@ const config: StorybookConfig = {
     },
   },
   staticDirs: ["../public"],
+  features: {
+    experimentalRSC: true,
+  },
 };
 export default config;

apps/dashboard/src/app/login/onboarding/team-onboarding/team-onboarding.tsx

@@ -1,13 +1,13 @@
 "use client";
 
 import { getBillingCheckoutUrl } from "@/actions/billing";
+import { apiServerProxy } from "@/actions/proxies";
 import { sendTeamInvites } from "@/actions/sendTeamInvite";
 import type { Team } from "@/api/team";
 import { useDashboardRouter } from "@/lib/DashboardRouter";
 import { toast } from "sonner";
 import type { ThirdwebClient } from "thirdweb";
 import { upload } from "thirdweb/storage";
-import { apiServerProxy } from "../../../../@/actions/proxies";
 import { useTrack } from "../../../../hooks/analytics/useTrack";
 import { updateTeam } from "../../../team/[team_slug]/(team)/~/settings/general/updateTeam";
 import { InviteTeamMembersUI } from "./InviteTeamMembers";

apps/dashboard/src/app/team/[team_slug]/(team)/~/analytics/page.tsx

@@ -63,7 +63,12 @@ export default async function TeamOverviewPage(props: {
   return (
     <div className="flex grow flex-col">
       <div className="border-b">
-        <AnalyticsHeader title="Analytics" interval={interval} range={range} />
+        <AnalyticsHeader
+          title="Analytics"
+          interval={interval}
+          range={range}
+          showRangeSelector={true}
+        />
       </div>
       <div className="flex grow flex-col justify-between gap-10 md:container md:pt-8 md:pb-16">
         <Suspense fallback={<GenericLoadingPage />}>

apps/dashboard/src/app/team/[team_slug]/[project_slug]/components/ProjectFTUX/IntegrateAPIKeyCodeTabs.tsx

@@ -1,50 +1,33 @@
 "use client";
 
+import { TabButtons } from "@/components/ui/tabs";
 import { useState } from "react";
-import { TabButtons } from "../../../../../../@/components/ui/tabs";
 
-type Tab = "ts" | "react" | "react-native" | "dotnet" | "unity" | "unreal";
+type TabKey = "ts" | "react" | "react-native" | "dotnet" | "unity" | "unreal";
+
+const tabNames: Record<TabKey, string> = {
+  ts: "TypeScript",
+  react: "React",
+  "react-native": "React Native",
+  dotnet: ".NET",
+  unity: "Unity",
+  unreal: "Unreal Engine",
+};
 
 export function IntegrateAPIKeyCodeTabs(props: {
-  tabs: Record<Tab, React.ReactNode>;
+  tabs: Record<TabKey, React.ReactNode>;
 }) {
-  const [tab, setTab] = useState<Tab>("ts");
+  const [tab, setTab] = useState<TabKey>("ts");
 
   return (
     <div>
       <TabButtons
-        tabs={[
-          {
-            name: "TypeScript",
-            onClick: () => setTab("ts"),
-            isActive: tab === "ts",
-          },
-          {
-            name: "React",
-            onClick: () => setTab("react"),
-            isActive: tab === "react",
-          },
-          {
-            name: "React Native",
-            onClick: () => setTab("react-native"),
-            isActive: tab === "react-native",
-          },
-          {
-            name: ".NET",
-            onClick: () => setTab("dotnet"),
-            isActive: tab === "dotnet",
-          },
-          {
-            name: "Unity",
-            onClick: () => setTab("unity"),
-            isActive: tab === "unity",
-          },
-          {
-            name: "Unreal Engine",
-            onClick: () => setTab("unreal"),
-            isActive: tab === "unreal",
-          },
-        ]}
+        tabClassName="!text-sm"
+        tabs={Object.entries(tabNames).map(([key, name]) => ({
+          name,
+          onClick: () => setTab(key as TabKey),
+          isActive: tab === key,
+        }))}
       />
       <div className="h-3" />
       {props.tabs[tab]}

apps/dashboard/src/app/team/[team_slug]/[project_slug]/components/ProjectFTUX/ProjectFTUX.stories.tsx

@@ -0,0 +1,35 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { projectStub } from "../../../../../../stories/stubs";
+import { ProjectFTUX } from "./ProjectFTUX";
+
+const meta = {
+  title: "Project/ProjectFTUX",
+  component: ProjectFTUX,
+  decorators: [
+    (Story) => (
+      <div className="container py-8 pb-20">
+        <Story />
+      </div>
+    ),
+  ],
+} satisfies Meta<typeof ProjectFTUX>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    project: {
+      ...projectStub("foo", "bar"),
+      secretKeys: [
+        {
+          createdAt: new Date().toISOString(),
+          updatedAt: new Date().toISOString(),
+          hash: "1234567890",
+          masked: "1234567890",
+        },
+      ],
+    },
+    teamSlug: "bar",
+  },
+};