feat: add share page settings dialog + add org id to deployment as well

2024-01-20 12:06:26 +08:00
parent a2d0e93172
commit 163e6f0426
32 changed files with 2396 additions and 253 deletions
@@ -0,0 +1,9 @@
+import { SharePageSettings } from "@/components/SharePageSettings";
+
+export default async function Page({
+  params,
+}: {
+  params: { share_id: string };
+}) {
+  return <SharePageSettings deployment_id={params.share_id} />;
+}
@@ -0,0 +1,7 @@
+import type { FC } from "react";
+
+const Default: FC = () => {
+  return null;
+};
+
+export default Default;
@@ -1,15 +1,14 @@
 import { Navbar } from "../../components/Navbar";
 import "./globals.css";
+import { PHProvider } from "./providers";
 import { TooltipProvider } from "@/components/ui/tooltip";
 import { ClerkProvider } from "@clerk/nextjs";
 import type { Metadata } from "next";
 import meta from "next-gen/config";
 import PlausibleProvider from "next-plausible";
+import dynamic from "next/dynamic";
 import { Inter } from "next/font/google";
 import { Toaster } from "sonner";
-import { PHProvider } from "./providers";
-
-import dynamic from "next/dynamic";

 const PostHogPageView = dynamic(() => import("./PostHogPageView"), {
  ssr: false,
@@ -34,8 +33,10 @@ export const metadata: Metadata = {

 export default function RootLayout({
  children,
+  modal,
 }: {
  children: React.ReactNode;
+  modal: React.ReactNode;
 }) {
  return (
    <html lang="en">
@@ -60,6 +61,7 @@ export default function RootLayout({
                  {children}
                </div>
                <Toaster richColors />
+                {modal}
              </main>
            </body>
          </PHProvider>
@@ -1,8 +1,6 @@
 import { ButtonActionMenu } from "@/components/ButtonActionLoader";
-import {
-  PublicRunOutputs,
-} from "@/components/VersionSelect";
 import { RunWorkflowInline } from "@/components/RunWorkflowInline";
+import { PublicRunOutputs } from "@/components/VersionSelect";
 import {
  Card,
  CardContent,
@@ -89,6 +87,11 @@ export default async function Page({
        </CardHeader>

        <CardContent>
+          <div>
+            {sharedDeployment?.description && (
+              <>{sharedDeployment?.description}</>
+            )}
+          </div>
          <RunWorkflowInline
            inputs={inputs}
            machine_id={sharedDeployment.machine_id}
@@ -102,7 +105,7 @@ export default async function Page({
        </CardHeader>

        <CardContent>
-          <PublicRunOutputs />
+          <PublicRunOutputs preview={sharedDeployment.showcase_media} />
        </CardContent>
      </Card>
    </div>
@@ -0,0 +1,9 @@
+import { SharePageSettings } from "@/components/SharePageSettings";
+
+export default async function Page({
+  params,
+}: {
+  params: { share_id: string };
+}) {
+  return <SharePageSettings deployment_id={params.share_id} />;
+}
@@ -17,7 +17,7 @@ export default async function Page({
      <CardHeader className="relative">
        <CardTitle>Run</CardTitle>
        <div className="absolute right-6 top-6">
-          <RouteRefresher interval={5000} />
+          <RouteRefresher interval={5000} autoRefresh={false} />
        </div>
      </CardHeader>