refactor: source depict api from env var

Author: OliverDudgeon

.env

@@ -14,6 +14,7 @@ AUTH0_ENABLE_TELEMETRY=false
 
 NEXT_PUBLIC_DATA_MANAGER_API_SERVER=$DATA_MANAGER_API_SERVER
 NEXT_PUBLIC_ACCOUNT_SERVER_API_SERVER=$ACCOUNT_SERVER_API_SERVER
+NEXT_PUBLIC_DEPICT_API_SERVER=$DEPICT_API_SERVER
 
 # Keycloak Required Roles
 # Used to protect routes that consume the DM-API

.env.local.example

@@ -17,6 +17,7 @@ DANGEROUS__DISABLE_SSL_CERT_CHECK_IN_API_PROXY=0
 # Where the APIs are located
 DATA_MANAGER_API_SERVER='https://squonk.informaticsmatters.org/data-manager-api'
 ACCOUNT_SERVER_API_SERVER='https://squonk.informaticsmatters.org/account-server-api'
+DEPICT_API_SERVER='https://squonk.informaticsmatters.org/fragnet-depict-api/fragnet-depict/moldepict'
 
 # Application secret
 # Generate with e.g. `node -e "console.log(crypto.randomBytes(32).toString('hex'))"`

src/features/SDFViewer/SDFViewerData.tsx

@@ -18,10 +18,7 @@ const getCards = (molecules: Must<Molecule>[], propsToHide: string[] = []) => {
       .filter((property) => !propsToHide.includes(property.name));
     return (
       <MolCard
-        depictParams={{
-          depictURL:
-            "https://squonk.informaticsmatters.org/fragnet-depict-api/fragnet-depict/moldepict",
-        }}
+        depictParams={{ depictURL: process.env.NEXT_PUBLIC_DEPICT_API_SERVER ?? "" }}
         key={molecule.id}
         molFile={molecule.molFile}
         variant="molFile"