feat(unified-login): update dahboard_url function call

MetaMask · Aug 23, 2024 · 1d1ce86 · 1d1ce86
1 parent a43d146
commit 1d1ce86
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 6 deletions.
diff --git a/src/components/AuthLogin/AuthModal.tsx b/src/components/AuthLogin/AuthModal.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import React, { useEffect } from "react";
 import Modal from "react-modal";
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import styles from "./styles.module.css";
@@ -104,7 +104,6 @@ const AuthModal = ({
   open,
   setOpen,
   setProjects,
-  setUser,
   step,
   setStep,
 }: AuthModalProps) => {

diff --git a/src/components/CodeTerminal/TerminalViewBox.jsx b/src/components/CodeTerminal/TerminalViewBox.jsx
@@ -1,4 +1,5 @@
 import React, { useMemo } from "react";
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Icon from "../Icon/Icon";
 import { DASHBOARD_URL } from "../../lib/constants";
 import Link from "@docusaurus/Link";
@@ -15,6 +16,9 @@ const TerminalViewBox = ({
   isExpansionNetwork = false,
 }) => {
 
+  const { siteConfig } = useDocusaurusContext();
+  const { DASHBOARD_PREVIEW_URL, VERCEL_ENV } = siteConfig?.customFields || {}
+
   const exampleRequest = useMemo(() => {
     const prepareParams = params.length === 0 ? "" : params.map(param => {
       if ('boolean' === typeof param) return `${param}`
@@ -48,13 +52,13 @@ const TerminalViewBox = ({
               </div>
             ) : (
               <p className="description-row">
-                <Link target="_blank" to={`${DASHBOARD_URL}/login`} rel="noreferrer">
+                <Link target="_blank" to={`${DASHBOARD_URL(DASHBOARD_PREVIEW_URL, VERCEL_ENV)}/login`} rel="noreferrer">
                   Sign in
                 </Link>{" "}
                 or{" "}
                 <Link
                   target="_blank"
-                  to={`${DASHBOARD_URL}/register`}
+                  to={`${DASHBOARD_URL(DASHBOARD_PREVIEW_URL, VERCEL_ENV)}/register`}
                   rel="noreferrer">
                   create an account
                 </Link>{" "}

diff --git a/src/hooks/useUser.js b/src/hooks/useUser.js
@@ -1,20 +1,24 @@
 import { useState, useEffect } from "react";
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import { DASHBOARD_URL, GET_OPTIONS } from "../lib/constants";
 
 export default function useUser() {
+  const { siteConfig } = useDocusaurusContext();
+  const { DASHBOARD_PREVIEW_URL, VERCEL_ENV } = siteConfig?.customFields || {}
   const [user, setUser] = useState(undefined);
   const [loading, setLoading] = useState(true);
   const [keys, setKeys] = useState([]);
+
   const getUserInfo = async () => {
     setLoading(true);
     try {
-      const res = await fetch(`${DASHBOARD_URL}/api/me`, GET_OPTIONS);
+      const res = await fetch(`${DASHBOARD_URL(DASHBOARD_PREVIEW_URL, VERCEL_ENV)}/api/me`, GET_OPTIONS);
       const response = await res.json();
       if (response?.data) {
         setUser(response.data);
         const userId = response.data.id;
         const upData = await fetch(
-          `${DASHBOARD_URL}/api/v1/users/${userId}/projects`,
+          `${DASHBOARD_URL(DASHBOARD_PREVIEW_URL, VERCEL_ENV)}/api/v1/users/${userId}/projects`,
           GET_OPTIONS
         );
         if (upData.ok) {