Added preliminary support for dynamic config via GlobalContext.

src/components/archives/ArchiveDetails.js

@@ -7,9 +7,17 @@ import DataProductCategories from "./DataProductCategories";
 export default function ArchiveDetails(props) {
   const { uri } = useParams();
   console.log(uri);
-  const { archives } = useContext(GlobalContext);
+  const { archives, defaultConfigName, setConfigName} = useContext(GlobalContext);
   if (!archives) return null;
 
+  /* This is a nasty hack. There must be a better way! */
+  if (uri.search("zooniverse") >= 0){
+    setConfigName("zooniverse");
+  }
+  else{
+    setConfigName(defaultConfigName);
+  }
+
   const archive = archives.find((archive) => archive.uri === uri);
   if (!archive) return <Alert variant="danger">No Archive found!</Alert>;
   console.log(archive);

src/contexts/GlobalContext.js

@@ -8,15 +8,22 @@ export function GlobalContextProvider({ children }) {
   console.log("ASTRON ADEX Version 16 july 2020");
   const api_host =
     process.env.NODE_ENV === "development"
-      ? "http://sdc.astron.nl:15671/esap-api/"
+      ? "http://localhost:15671/esap-api/"
       : "/esap-api/";
 
   const [config, setConfig] = useState();
+  const [configName, setConfigName] = useState("esap_config");
+  const [defaultConfigName, setDefaultConfigName] = useState("esap_config");
+
   useEffect(() => {
+    let configNameString=""
+    if (configName){
+      configNameString=`?name=${configName}`
+    }
     axios
-      .get(api_host + "query/configuration")
+      .get(api_host + "query/configuration" + configNameString)
       .then((response) => setConfig(response.data["configuration"]));
-  }, [api_host]);
+  }, [api_host, configName]);
   console.log("config: ", { config });
 
   const [archives, setArchives] = useState();
@@ -56,6 +63,7 @@ export function GlobalContextProvider({ children }) {
         archives,
         handleLogin,
         handleLogout,
+        setConfigName
       }}
     >
       {children}