prettier

src/App.tsx

@@ -38,7 +38,7 @@ const App = () => {
   clientInstanceRef.current = clientInstance;
   const contractsRef = useRef(contracts);
   contractsRef.current = contracts;
-  const [themeType, setThemeType] = useState<string>("dark")
+  const [themeType, setThemeType] = useState<string>("dark");
 
   useEffect(() => {
     console.log("Remix EthDoc loading...");
@@ -78,16 +78,15 @@ const App = () => {
         }
       );
 
-      const currentTheme = await client.call("theme", "currentTheme")
+      const currentTheme = await client.call("theme", "currentTheme");
-      console.log("Current theme", currentTheme)
+      console.log("Current theme", currentTheme);
 
-      setThemeType(currentTheme.brightness || currentTheme.quality)
+      setThemeType(currentTheme.brightness || currentTheme.quality);
 
       client.on("theme", "themeChanged", (theme: any) => {
-        console.log("themeChanged")
+        console.log("themeChanged");
-        setThemeType(theme.quality)
+        setThemeType(theme.quality);
-      })
+      });
-
     };
 
     loadClient();
@@ -101,7 +100,7 @@ const App = () => {
         setContracts,
         sites,
         setSites,
-        themeType
+        themeType,
       }}
     >
       <Routes />

src/AppContext.tsx

@@ -16,5 +16,5 @@ export const AppContext = React.createContext({
   setSites: (sites: PublishedSite[]) => {
     console.log("Calling Set Sites");
   },
-  themeType: "dark"
+  themeType: "dark",
 });

src/views/HomeView.tsx

@@ -64,7 +64,10 @@ export const HomeView: React.FC = () => {
   return (
     <AppContext.Consumer>
       {({ clientInstance, contracts, setContracts, themeType }) => (
-        <div id="ethdoc" style={{ color: themeType === "dark" ? "white" : "black" }}>
+        <div
+          id="ethdoc"
+          style={{ color: themeType === "dark" ? "white" : "black" }}
+        >
           {[...contracts.keys()].length === 0 && (
             <p>Compile a contract with Solidity Compiler</p>
           )}