Merge pull request #250 from coder12git/sistent-site-draft

fix(site): fix empty components

fix #237

Author: nebula-aac

site/package-lock.json

@@ -7,8 +7,8 @@ const defaultState = {
 
 const ThemeContext = React.createContext(defaultState);
 
-const supportsDarkMode = () =>
-  window.matchMedia("(prefers-color-scheme: dark)").matches === true;
+// const supportsDarkMode = () =>
+//   window.matchMedia("(prefers-color-scheme: dark)").matches === true;
 
 function ThemeProvider({ children }) {
   const [dark, setDark] = useState(false);
@@ -24,8 +24,6 @@ function ThemeProvider({ children }) {
     const isDark = JSON.parse(localStorage.getItem("dark"));
     if (isDark) {
       setDark(isDark);
-    } else if (supportsDarkMode()) {
-      setDark(true);
     }
   }, []);
 

site/src/components/Footer/Footer.style.js

@@ -1 +1,9 @@
-import React from 'react';
+import React from 'react';
+
+const Components = () => {
+    return(
+        <div className="text-center text-bold">Components</div>
+    )
+};
+
+export default Components;

site/src/components/Navigation/Navbar.style.js

@@ -6,11 +6,11 @@ const Sidebar = (props)=>{
     <div className="text-center text-gray-950 text-xs font-bold font-qanelas leading-normal">On this Page</div>
     <div className="self-stretch h-[9.5rem] flex-col justify-start items-start gap-2 flex">
         {props.items && props.items.map((item)=>{
-        return (<>
+        return (<div key={item.title}>
          <div className="self-stretch justify-start items-center gap-1 inline-flex">
          <div className="grow shrink basis-0 text-gray-950 text-sm font-normal font-openSans leading-normal">{item.title}</div>
      </div>
-     </>)
+     </div>)
         })}
     </div>
 </div>

site/src/components/Theme/index.js

@@ -1 +1,9 @@
-import React from "react";
+import React from "react";
+
+const Patterns = () => {
+    return(
+        <div className="text-center text-bold">Patterns</div>
+    )
+};
+
+export default Patterns;

site/src/pages/components/index.js

@@ -1 +1,9 @@
-import React from "react";
+import React from "react";
+
+const Visualize = () => {
+    return(
+        <div className="text-center text-bold">Visualize</div>
+    )
+};
+
+export default Visualize;