add autoselect on single child

Author: Bud-Macaulay

src/components/OptimadeClient/DatabaseSelector.jsx

@@ -26,7 +26,13 @@ export function DatabaseSelector({ providers, onQueryUrlChange }) {
         const { children } = await getProviderLinks(selectedProvider);
         const entries = children.map((c) => c.attributes || {});
         setChildEntries(entries);
-        setChildSelected("");
+
+        if (entries.length === 1) {
+          // Auto-select the only child
+          setChildSelected(entries[0].base_url);
+        } else {
+          setChildSelected("");
+        }
       } catch (err) {
         console.error(err);
         setChildEntries([]);

src/components/OptimadeClient/index.jsx

@@ -91,9 +91,9 @@ export function OptimadeClient({ hideProviderList = ["exmpl", "matcloud"] }) {
         </div>
 
         {/* Query URL display */}
-        <div className="pt-2 text-sm md:text-base">
-          Query Url:{" "}
-          {queryUrl ? (
+        {queryUrl && (
+          <div className="pt-2 text-sm md:text-base">
+            Query Url:{" "}
             <a
               href={queryUrl}
               target="_blank"
@@ -102,10 +102,8 @@ export function OptimadeClient({ hideProviderList = ["exmpl", "matcloud"] }) {
             >
               {queryUrl}
             </a>
-          ) : (
-            "None"
-          )}
-        </div>
+          </div>
+        )}
 
         <div className="pb-4 px-0.5 w-full">
           <ProviderInfo queryUrl={queryUrl} />