Merge pull request #878 from supertokens/improv/user-management-dashb…

…oard-reference Add references to the user management dashboard in the quickstart
supertokens · Dec 5, 2024 · afeb931 · afeb931
2 parents 60ede6c + c1ef2a0
commit afeb931
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 3 deletions.
diff --git a/v2/emailpassword/quickstart/introduction.mdx b/v2/emailpassword/quickstart/introduction.mdx
@@ -28,6 +28,8 @@ If you want to skip straight to an example application you can choose between:
 npx create-supertokens-app@latest --recipe=^{docsLinkRecipeName}
 ```
 
+You can also get an example of our **User Management Dashboard** through [this page](https://dashboard.demo.supertokens.com/api/auth/dashboard).
+Use the following credentials to log in: `[email protected]`, `abcd1234`.
 
 <!-- END COPY SECTION -->
 

diff --git a/v2/passwordless/quickstart/introduction.mdx b/v2/passwordless/quickstart/introduction.mdx
@@ -28,6 +28,8 @@ If you want to skip straight to an example application you can choose between:
 npx create-supertokens-app@latest --recipe=^{docsLinkRecipeName}
 ```
 
+You can also get an example of our **User Management Dashboard** through [this page](https://dashboard.demo.supertokens.com/api/auth/dashboard).
+Use the following credentials to log in: `[email protected]`, `abcd1234`.
 
 <!-- END COPY SECTION -->
 

diff --git a/v2/src/components/question/index.tsx b/v2/src/components/question/index.tsx
@@ -23,14 +23,15 @@ const LOCAL_STORAGE_KEY_PREFIX = "supertokens-question-answer:";
 
 export function Question(
   props: PropsWithChildren<{
-    question: string;
+    question: string | (() => string);
     defaultAnswer?: string;
   }>,
 ) {
-  const { defaultAnswer, question, children } = props;
+  const { defaultAnswer, question: _question, children } = props;
   const [selectedAnswer, setSelectedAnswer] = useState<string | undefined>(
     defaultAnswer,
   );
+  const question = typeof _question === "string" ? _question : _question();
 
   const onSelectAnswer = useCallback((answer: string) => {
     setSelectedAnswer(answer);
@@ -93,4 +94,3 @@ export function Answer(props: PropsWithChildren<AnswerProps>) {
     </span>
   );
 }
-
diff --git a/v2/thirdparty/quickstart/introduction.mdx b/v2/thirdparty/quickstart/introduction.mdx
@@ -28,6 +28,8 @@ If you want to skip straight to an example application you can choose between:
 npx create-supertokens-app@latest --recipe=^{docsLinkRecipeName}
 ```
 
+You can also get an example of our **User Management Dashboard** through [this page](https://dashboard.demo.supertokens.com/api/auth/dashboard).
+Use the following credentials to log in: `[email protected]`, `abcd1234`.
 
 <!-- END COPY SECTION -->
 

diff --git a/v2/thirdpartyemailpassword/quickstart/introduction.mdx b/v2/thirdpartyemailpassword/quickstart/introduction.mdx
@@ -28,6 +28,8 @@ If you want to skip straight to an example application you can choose between:
 npx create-supertokens-app@latest --recipe=^{docsLinkRecipeName}
 ```
 
+You can also get an example of our **User Management Dashboard** through [this page](https://dashboard.demo.supertokens.com/api/auth/dashboard).
+Use the following credentials to log in: `[email protected]`, `abcd1234`.
 
 <!-- END COPY SECTION -->
 

diff --git a/v2/thirdpartypasswordless/quickstart/introduction.mdx b/v2/thirdpartypasswordless/quickstart/introduction.mdx
@@ -28,6 +28,8 @@ If you want to skip straight to an example application you can choose between:
 npx create-supertokens-app@latest --recipe=^{docsLinkRecipeName}
 ```
 
+You can also get an example of our **User Management Dashboard** through [this page](https://dashboard.demo.supertokens.com/api/auth/dashboard).
+Use the following credentials to log in: `[email protected]`, `abcd1234`.
 
 <!-- END COPY SECTION -->