chore(index): supports themed images

farm-fe · Sep 12, 2024 · 3ec0863 · 3ec0863
1 parent 2809286
commit 3ec0863
Showing 1 changed file with 7 additions and 13 deletions.
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -1,5 +1,6 @@
 import Link from "@docusaurus/Link";
-import { useColorMode } from "@docusaurus/theme-common";
+// import useBaseUrl from '@docusaurus/useBaseUrl';
+import ThemedImage from '@theme/ThemedImage';
 import Translate from "@docusaurus/Translate";
 import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
 import Layout from "@theme/Layout";
@@ -100,8 +101,6 @@ function HomepageHeader() {
 
 
 const HomeBaseContent = () => {
-  const { colorMode } = useColorMode();
-
   const mainContent = React.useMemo(() => {
     return (
       <main className="mb-20 my-10 max-w-7xl mx-auto w-full px-4 sm:px-6 lg:px-8max-w-6xl">
@@ -112,21 +111,16 @@ const HomeBaseContent = () => {
     );
   }, []);
 
-  if (colorMode === "dark") {
-    return (
-      <>
-        <StarrySky />
-        {mainContent}
-      </>
-    );
-  } else {
     return (
       <>
-        <AuroraBackground />
+        <ThemedImage sources={{
+            light: <StarrySky />,
+            dark: <AuroraBackground />,
+          }}
+        />
         {mainContent}
       </>
     );
-  }
 };