add hideprov list to toplevel

Author: Bud-Macaulay

src/App.jsx

@@ -4,8 +4,27 @@ import { OptimadeClient } from "./components/OptimadeClient";
 
 import "./index.css";
 
+// current known bad providers.
+const badProviders = [
+  "exmpl", // example provider shouldnt be shown.
+  "aiida", // base_url is null...
+  "aflow", // returns a 500 error.
+  "ccdc", // base_url is null...
+  "cod", // - is fine but doesnt have 3d format i can currently parse?!
+  "ccpnc", // base_url is null...
+  //"cmr",  - is fine but has weird data.
+  "httk", // base_url is null...
+  "matcloud", // child endpoint doesnt work or return properly?
+  "mpds", // behind a paywall - should skip i guess.
+  "mpod", // url seems to be down at the moment - skip.
+  "optimake", // not an actual provider
+  "optimade", // not an actual provider
+  "pcod", // base_url is null...
+  "psdi", // base_url is null...
+];
+
 function App() {
-  return <OptimadeClient />;
+  return <OptimadeClient hideProviderList={badProviders} />;
 }
 
 export default App;

src/components/OptimadeClient/OptimadeFAQs.jsx

@@ -1,5 +1,6 @@
 import { useState, useRef, useEffect } from "react";
 
+// unused for now.
 export default function OptimadeFAQs() {
   const [isOpen, setIsOpen] = useState(false);
   const contentRef = useRef(null);

src/components/OptimadeClient/OptimadeFilters/OptimadePTable/index.jsx

@@ -22,7 +22,7 @@ export default function PTable({
   selectedClassName = "bg-green-400 border border-green-700 text-white scale-105",
   deselectedClassName = "bg-red-400 border border-red-700 text-white scale-105",
   defaultBorderClassName = "border border-slate-700",
-  hoverClassName = "transform transition-transform duration-100 hover:scale-105 hover:z-10",
+  hoverClassName = "transform transition-transform duration-100 hover:scale-105 hover:z-10 hover:cursor-pointer",
 }) {
   const toggle = (sym) => {
     if (!onSelectionChange) return;

src/components/OptimadeClient/OptimadeProviderSection.jsx

@@ -9,7 +9,7 @@ import { ProviderInfo } from "./ProviderInfo";
 import { PaginationHandler } from "./PaginationHandler";
 import { AnimatePresence, motion } from "framer-motion";
 
-export function OptimadeClient() {
+export function OptimadeClient({ hideProviderList = ["exmpl", "matcloud"] }) {
   const [providers, setProviders] = useState([]);
   const [queryUrl, setQueryUrl] = useState("");
   const [currentFilter, setCurrentFilter] = useState("");
@@ -28,10 +28,7 @@ export function OptimadeClient() {
   useEffect(() => {
     const loadProviders = async () => {
       try {
-        const provObj = await getProvidersList(undefined, [
-          "exmpl",
-          "matcloud",
-        ]);
+        const provObj = await getProvidersList(undefined, hideProviderList);
         setProviders(provObj.data);
       } catch (err) {
         console.error("Error fetching providers:", err);

src/components/OptimadeClient/index.jsx

@@ -37,7 +37,10 @@ export function StructureViewerWithDownload({
         className={`relative rounded-sm w-full px-20 min-h-[450px] ${className} flex items-center justify-center border-1 border-slate-500`}
       >
         <div className="text-red-500 text-center">
-          Malformed data found - skipping the crystal structure rendering.
+          <p>Unexpected or malformed data format found. </p>
+          <p>--</p>
+
+          <p>Crystal structure rendering skipped...</p>
         </div>
       </div>
     );

src/components/OptimadeStructureHandler/index.jsx

@@ -77,8 +77,6 @@ _atom_site_fract_z
     )} ${site.y.toFixed(6)} ${site.z.toFixed(6)}\n`;
   });
 
-  console.log("cif", cif);
-
   return cif;
 }