update structure visualizer; bands explore button

package.json

@@ -20,7 +20,7 @@
     "mc-react-header": "^0.3.1",
     "mc-react-library": "^0.3.0",
     "mc-react-ptable-materials-grid": "^0.6.1",
-    "mc-react-structure-visualizer": "^0.6.0",
+    "mc-react-structure-visualizer": "^0.6.1",
     "react": "^18.2.0",
     "react-bootstrap": "^2.10.0",
     "react-dom": "^18.2.0",

src/DetailPage/BandsSection/index.jsx

@@ -2,7 +2,9 @@ import React, { useState, useEffect } from "react";
 
 import BandsVisualizer from "mc-react-bands";
 
-import { fetchAiidaAttributes } from "../../common/utils.jsx";
+import { ExploreButton } from "mc-react-library";
+
+import { EXPLORE_URL } from "../../common/config";
 import { REST_API_AIIDA } from "../../common/config.js";
 
 /**
@@ -53,7 +55,8 @@ function BandsSection(props) {
 
   return (
     <div>
-      <b>Bands</b>
+      <b>Electronic band structure</b>{" "}
+      <ExploreButton explore_url={EXPLORE_URL} uuid={bands_uuid} />
       {loading ? (
         <span>loading</span>
       ) : (

src/DetailPage/OverviewSection/index.jsx

@@ -13,6 +13,13 @@ import {
 
 import { EXPLORE_URL } from "../../common/config";
 
+function floatFormatter(val, prec = 1) {
+  if (val >= 1e5 || (val < 0.01 && val !== 0)) {
+    return val.toExponential(prec);
+  }
+  return val.toFixed(prec);
+}
+
 function InfoBox(props) {
   let info = props.compoundInfo;
 
@@ -38,7 +45,7 @@ function InfoBox(props) {
           <li>Space group: {formatSpaceGroupSymbol(info["space_group"])}</li>
           <li>Point group: {formatSpaceGroupSymbol(info["point_group"])}</li>
           <li>Prototype: {formatChemicalFormula(info["prototype"])}</li>
-          <li>Abundance: {info["abundance"]}</li>
+          <li>Abundance: {floatFormatter(info["abundance"])}</li>
           <li>Band gap: {format_aiida_prop("band_gap", "eV")}</li>
         </ul>
       </div>
@@ -102,11 +109,14 @@ function OverviewSection(props) {
           <div className="subsection-title-container">
             <b>Structure</b>{" "}
             <ExploreButton
-              explore_url="https://www.materialscloud.org/explore/mc2d"
+              explore_url={EXPLORE_URL}
               uuid={props.compoundInfo.structure_2D}
             />
           </div>
-          <StructureVisualizer cifText={props.cifText} initSupercell={[3, 3, 1]} />
+          <StructureVisualizer
+            cifText={props.cifText}
+            initSupercell={[3, 3, 1]}
+          />
           <div className="download-button-container">
             <StructDownloadButton
               aiida_rest_url="https://aiida.materialscloud.org/mc2d/api/v4"