workshops

components/Hooks/UseWorkshop.js

@@ -1,28 +1,12 @@
 import useSWRImmutable from "swr/immutable";
-import { useSWRConfig } from "swr";
 import { useState, useEffect } from "react";
 import { GitHub } from "@mui/icons-material";
 
 export default function useWorkshop(gitUser, gitFile, builtURL, editing) {
 
   let headers;
   const [shouldFetch, setShouldFetch] = useState(false);
-  const [cacheCleared, setCacheCleared] = useState(false);
-  const { cache, mutate } = useSWRConfig()
-  const clearCache = () => {
-    cache.clear()
-  }
-
-  useEffect(() => {
-    if (editing == 'true' && cacheCleared == false) {
-      localStorage.removeItem('app-cache');
-      localStorage.removeItem('app-cache-time');
-      clearCache()
-      setCacheCleared(true)
-      console.log('cache cleared')
-    }
-  }, [editing])
-
+
   if (process.env.NEXT_PUBLIC_GITHUBSECRET !== 'false') {
     headers = new Headers(
       {

components/WorkshopsView.js

@@ -58,7 +58,7 @@ export default function WorkshopsView({ gitUser, gitRepo, instUser, instRepo })
                 if (workshops[v] && workshops[v].type != 'dir' && workshops[v].name != 'README.md') {
                     return (
                         <div key={v}>
-                            {gitUser && gitRepo &&
+                            {
                                 <UseWorkshopsComponent workshop={workshops[v]} gitUser={gitUser}
                                     gitRepo={gitRepo} instRepo={instRepo} instUser={instUser} />
                             }

pages/_app.js

@@ -12,9 +12,9 @@ import PyodideProvider from '../components/Wasm/PyodideProvider';
 import { SWRConfig } from 'swr';
 import { useRef } from 'react';
 import NextNProgress from 'nextjs-progressbar';
+import { useSWRConfig } from "swr";
 import { useRouter } from 'next/router';
 
-
 function MyApp({ Component, pageProps }) {
 
   const [title, setTitle] = useState('');
@@ -23,7 +23,12 @@ function MyApp({ Component, pageProps }) {
   const [gitRepo, setGitRepo] = useState(null);
   const [instGitUser, setInstGitUser] = useState(null);
   const [instGitRepo, setInstGitRepo] = useState(null);
+  const [cacheCleared, setCacheCleared] = useState(false);
+  const { cache, mutate } = useSWRConfig()
   const router = useRouter();
+  const clearCache = () => {
+    cache.clear()
+  }
 
 
   useEffect(() => {
@@ -35,6 +40,15 @@ function MyApp({ Component, pageProps }) {
     if (router.pathname === '/inst' && urlParams.get('user') && urlParams.get('repo')) {
       router.push('/inst?instUser=' + urlParams.get('user') + '&instRepo=' + urlParams.get('repo'))
     }
+    if (urlParams.get('edit') === 'true') {
+    if (cacheCleared == false) {
+      localStorage.removeItem('app-cache');
+      localStorage.removeItem('app-cache-time');
+      clearCache()
+      setCacheCleared(true)
+      console.log('cache cleared')
+    }
+  }
   }, [router])
 
   pageProps.title = title

pages/inst/index.js

@@ -145,7 +145,7 @@ export default function Institute(props) {
                         </div>
                         <div className='inst-workshops'>
                             <h1>Workshops</h1>
-                            {props.gitUser && props.gitRepo && parsedYAML &&
+                            {parsedYAML &&
                                 <WorkshopsView gitUser={props.gitUser} gitRepo={props.gitRepo} instUser={props.instGitUser} instRepo={props.instGitRepo} />
                             }
                         </div>

styles/styles.scss

@@ -984,12 +984,11 @@ nav.sidenav {
 }
 
 // Glossary
-.glossary{
+.glossary {
   flex-grow: 1;
 }
 
 // Forms 
-
 .form {
   width: 100%;