added documentation link to dashboard

fomalhautb · fomalhautb · commit 756026434d02 · 2024-03-04T17:32:42.000+08:00
diff --git a/docs/src/pages/index.js b/docs/src/pages/index.js
@@ -1,12 +1,6 @@
-import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-import Layout from "@theme/Layout";
+import React from "react";
+import { Redirect } from "@docusaurus/router";
 
 export default function Home() {
-  const { siteConfig } = useDocusaurusContext();
-  return (
-    <Layout
-      title={`Hello from ${siteConfig.title}`}
-      description="Description will go into a meta tag in <head />"
-    ></Layout>
-  );
+  return <Redirect to="/docs/getting-started/setup" />;
 }
diff --git a/packages/stack-server/.env b/packages/stack-server/.env
@@ -13,8 +13,11 @@ FACEBOOK_CLIENT_ID=# enter your facebook client id here
 FACEBOOK_CLIENT_SECRET=# enter your facebook client secret here
 MICROSOFT_CLIENT_ID=# enter your microsoft client id here
 MICROSOFT_CLIENT_SECRET=# enter your microsoft client secret here
+MICROSOFT_TENANT_ID=# enter your microsoft tenant id here
 
 DATABASE_CONNECTION_STRING=# enter your connection string here
 DIRECT_DATABASE_CONNECTION_STRING=# enter your direct (unpooled or session mode) database connection string here
 
 STACK_ACCESS_TOKEN_EXPIRATION_TIME=# enter the expiration time for the access token here
+
+NEXT_PUBLIC_DOC_URL=http://localhost:8104
diff --git a/packages/stack-server/src/app/(main)/(protected)/projects/[projectId]/onboarding-dialog.tsx b/packages/stack-server/src/app/(main)/(protected)/projects/[projectId]/onboarding-dialog.tsx
@@ -64,7 +64,7 @@ export function OnboardingDialog() {
       {/* TODO: Add document link */}
       <Stack spacing={1}>
         <Paragraph body>
-          Here are your new API keys. Please copy this to your .env.local file. Detailed instruction can be founder <Link href="/docs/getting-started">here</Link>. 
+          Here are your new API keys. Please copy this to your .env.local file. Detailed instruction can be found <Link rel="noopener noreferrer"  target="_blank" href={process.env.NEXT_PUBLIC_DOC_URL || ""}>here</Link>. 
         </Paragraph>
         <EnvKeys projectId={project.id} publishableClientKey={apiKey.publishableClientKey} secretServerKey={apiKey.secretServerKey} />
         <Paragraph body>
diff --git a/packages/stack-server/src/app/(main)/(protected)/projects/[projectId]/settings/api-keys/page-client.tsx b/packages/stack-server/src/app/(main)/(protected)/projects/[projectId]/settings/api-keys/page-client.tsx
@@ -12,6 +12,7 @@ import { ApiKeysTable } from "./api-keys-table";
 import { useAdminApp } from "../../useAdminInterface";
 import { runAsynchronously } from "stack-shared/src/utils/promises";
 import EnvKeys from "@/components/env-keys";
+import Link from "next/link";
 
 
 export default function ApiKeysDashboardClient() {
@@ -100,7 +101,7 @@ function CreateNewDialog(props: { open: boolean, onClose(): void, onInvalidate()
             <DialogContent>
               <Stack spacing={2} overflow='hidden'>
                 <Paragraph body>
-                  Success! Your new API keys have been created. <Typography fontWeight="bold">Note that you will not be able to view this again</Typography> and you will need to create a new one if you lose it.
+                  Success! Your new API keys have been created. <Typography fontWeight="bold">Note that you will not be able to view this again</Typography> and you will need to create a new one if you lose it. Detailed setup instructions can be found <Link rel="noopener noreferrer" target="_blank" href={process.env.NEXT_PUBLIC_DOC_URL || ""}>here</Link>
                 </Paragraph>
                 <EnvKeys
                   projectId={project.id}
diff --git a/packages/stack-server/src/app/(main)/(protected)/projects/[projectId]/sidebar.tsx b/packages/stack-server/src/app/(main)/(protected)/projects/[projectId]/sidebar.tsx
@@ -151,12 +151,12 @@ export function Sidebar(props: {
             sx={{
               minHeight: 0,
               overflow: 'hidden auto',
-              flexGrow: 1,
               display: 'flex',
+              flexGrow: 1,
               flexDirection: 'column',
             }}
           >
-            <List size="sm" sx={{ gap: 0.25 }}>
+            <List size="sm" sx={{ gap: 0.25  }}>
               {navigationItems.map((item) => (
                 <SidebarItem 
                   key={item.name} 
@@ -165,6 +165,12 @@ export function Sidebar(props: {
                   href={basePath + item.href}
                 />
               ))}
+              <Box style={{ flexGrow: 1 }}/>
+              <SidebarItem
+                title='Documentation'
+                icon={<Icon icon="help_outline" />}
+                href={process.env.NEXT_PUBLIC_DOC_URL || ''}
+              />
             </List>
           </Box>
 
