update useSiteBaseUrl

.github/workflows/preview.yml

@@ -19,10 +19,6 @@ jobs:
  echo "REACT_APP_DEPLOY_ENV=PREVIEW" >> $GITHUB_ENV
  echo "REACT_APP_PUBLIC_URL=https://push-protocol.github.io/" >> $GITHUB_ENV
  echo "GITHUB_PR_NUMBER=${{ github.event.pull_request.number }}" >> $GITHUB_ENV
- echo "ESLINT_NO_DEV_ERRORS=true" >> $GITHUB_ENV
- echo "TSC_COMPILE_ON_ERROR=true" >> $GITHUB_ENV
- echo "DISABLE_ESLINT_PLUGIN=true" >> $GITHUB_ENV
- echo "GENERATE_SOURCEMAP=true" >> $GITHUB_ENV
  - name: Checkout
  uses: actions/checkout@v4
  with:

src/components/DocsHub/index.tsx

@@ -52,6 +52,7 @@ import {
 import GLOBALS, { device } from '@site/src/config/globals';
 import { PageMeta } from '@site/src/config/pageMeta';
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import { useSiteBaseUrl } from '@site/src/utils/useSiteBaseUrl';
 
 function QuickstartList({ title, codeblock, Svg }: IQuickstartItem) {
  return (
@@ -80,8 +81,7 @@ function TechDocItem({
  docutheme,
 }: ITechDocItem) {
  const [content, setContent] = useState<number>(0);
- const { siteConfig } = useDocusaurusContext();
- const baseUrl = siteConfig?.baseUrl.slice(0, -1);
+ const baseUrl = useSiteBaseUrl();
 
  const handleOpenLink = (e, link: { e: any; link: string }) => {
  // Check if link is an absolute URL (starts with http or https)
@@ -186,7 +186,6 @@ function TechDocItem({
 }
 
 export default function HomepageFeatures(): JSX.Element {
- const { siteConfig } = useDocusaurusContext();
  const { colorMode, setColorMode } = useColorMode();
 
  return (

src/components/Home/RecentBlogPosts.js

@@ -3,7 +3,6 @@ import React from 'react';
 
 // External Components
 import styled from 'styled-components';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
 // Internal Components
 import { Button, H2, ItemH, Span } from '@site/src/css/SharedStyling';
@@ -17,11 +16,11 @@ import {
  Spacer,
 } from '@site/src/components/reusables/date.tsx';
 import useMediaQuery from '@site/src/hooks/useMediaQuery';
+import { useSiteBaseUrl } from '@site/src/utils/useSiteBaseUrl';
 
 const RecentBlogPosts = ({ recentPosts = [] }) => {
  const isTablet = useMediaQuery(device.laptop);
- const { siteConfig } = useDocusaurusContext();
- const baseUrl = siteConfig?.baseUrl.slice(0, -1);
+ const baseUrl = useSiteBaseUrl();
 
  return (
  <BlogPostList>

src/segments/Footer.tsx

@@ -10,7 +10,6 @@ import { useLocation } from '@docusaurus/router';
 import { useTranslation } from 'react-i18next';
 import { BsTwitterX } from 'react-icons/bs';
 import styled from 'styled-components';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 
 // Internal Components
 import {
@@ -33,14 +32,14 @@ import useMediaQuery from '@site/src/hooks/useMediaQuery';
 import { device } from '@site/src/config/globals';
 import { HeaderList } from '@site/src/config/HeaderList';
 import useBaseUrl from '@docusaurus/useBaseUrl';
+import { useSiteBaseUrl } from '../utils/useSiteBaseUrl';
 
 function Footer() {
  // Internationalization
  const { t } = useTranslation();
  const isMobile = useMediaQuery(device.mobileL);
  const isTablet = useMediaQuery(device.tablet);
- const { siteConfig } = useDocusaurusContext();
- const baseURL = siteConfig?.baseUrl.slice(0, -1) || '';
+ const baseURL = useSiteBaseUrl() || '';
 
  // for navigation
  const history = useHistory();

src/segments/Header.tsx

@@ -41,7 +41,7 @@ import { SupportedLanguagesList } from '@site/src/config/SupportedLanguagesList'
 import GLOBALS, { device, structure } from '@site/src/config/globals';
 import { HeaderList } from '../config/HeaderList';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useSiteBaseUrl } from '../utils/useSiteBaseUrl';
 
 // Register GSAP plugins
 gsap.registerPlugin(ScrollTrigger);
@@ -68,8 +68,7 @@ function Header() {
  const [mobileMenuMap, setMobileMenuMap] = useState(defaultMobileMenuState);
  const [scrollDirection, setScrollDirection] = useState(null);
  const location = useLocation();
- const { siteConfig } = useDocusaurusContext();
- const baseURL = siteConfig?.baseUrl.slice(0, -1) || '';
+ const baseURL = useSiteBaseUrl() || '';
  // const [isAlertVisible, setIsAlertVisible] = useState(true);
 
  // for navigation

src/theme/Navbar/Content/index.js

@@ -36,7 +36,7 @@ import styled from 'styled-components';
 import { HeaderList } from '../../../config/HeaderList';
 import styles from './styles.module.css';
 import useBaseUrl from '@docusaurus/useBaseUrl';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useSiteBaseUrl } from '@site/src/utils/useSiteBaseUrl';
 
 const defaultMobileMenuState = {
  0: false,
@@ -85,8 +85,7 @@ export default function NavbarContent() {
  const history = useHistory();
  const location = useLocation();
  const pathname = location?.pathname;
- const { siteConfig } = useDocusaurusContext();
- const baseURL = siteConfig?.baseUrl.slice(0, -1) || '';
+ const baseURL = useSiteBaseUrl() || '';
 
  const mobileSidebar = useNavbarMobileSidebar();
  const items = useNavbarItems();

src/theme/NotFound/Content/index.tsx

@@ -16,12 +16,11 @@ import styled from 'styled-components';
 
 // Internal Components
 import Footer from '../../../segments/Footer';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useSiteBaseUrl } from '@site/src/utils/useSiteBaseUrl';
 
 export default function NotFoundContent({ className }: Props): JSX.Element {
  const location = useLocation();
- const { siteConfig } = useDocusaurusContext();
- const baseURL = siteConfig?.baseUrl.slice(0, -1);
+ const baseURL = useSiteBaseUrl();
 
  // Determine if the pathname starts with '/docs'
  const isDocsPage = location?.pathname.startsWith(baseURL + '/docs');

src/theme/NotFound/index.tsx

@@ -14,14 +14,13 @@ import { PageMetadata } from '@docusaurus/theme-common';
 import Layout from '@theme/Layout';
 import NotFoundContent from '@theme/NotFound/Content';
 import { useLocation } from '@docusaurus/router';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useSiteBaseUrl } from '@site/src/utils/useSiteBaseUrl';
 
 export default function Index(): JSX.Element {
  const location = useLocation();
  const pathname = location?.pathname;
- const { siteConfig } = useDocusaurusContext();
 
- const baseURL = siteConfig?.baseUrl.slice(0, -1);
+ const baseURL = useSiteBaseUrl();
 
  const title = translate({
  id: 'theme.NotFound.title',

src/theme/Root.js

@@ -10,14 +10,12 @@ import styled from 'styled-components';
 import Footer from '@site/src/segments/Footer';
 import ServerStyle from '@site/src/theme/ServerStyle';
 import CookieComponent from '../components/CookieComponent';
-import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import { useSiteBaseUrl } from '../utils/useSiteBaseUrl';
 
 // Initialize Internalization
 i18nInitialize();
 
 export default function Root({ children }) {
- const { siteConfig } = useDocusaurusContext();
-
  // superimposed conditions
  const superimposedConditions = [
  {
@@ -42,7 +40,7 @@ export default function Root({ children }) {
  },
  ];
 
- const baseURL = siteConfig?.baseUrl.slice(0, -1);
+ const baseURL = useSiteBaseUrl();
 
  // return superimposed class names if conditions are met
  function returnAdditionalClasses(conditions) {

src/utils/useSiteBaseUrl.tsx

@@ -0,0 +1,8 @@
+import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+
+export const useSiteBaseUrl = () => {
+ const { siteConfig } = useDocusaurusContext();
+ const baseURL = siteConfig?.baseUrl.slice(0, -1);
+
+ return baseURL;
+};