Add tooltip for slice location

apps/nar-v3/src/components/SliceCard.jsx

@@ -19,21 +19,30 @@ limitations under the License.
 import Box from "@mui/material/Box";
 import Paper from "@mui/material/Paper";
 import Stack from "@mui/material/Stack";
+import Tooltip from "@mui/material/Tooltip";
 
 import Connection from "./Connection";
 import KeyValueTable from "./KeyValueTable";
 import { NavigateNext, NavigatePrevious } from "./Navigation";
 import styles from "../styles";
 
+function ControlledTerm(props) {
+  console.log(props.term);
+  if (props.term.definition) {
+    return <Tooltip title={props.term.definition}>{props.term.name}</Tooltip>;
+  } else {
+    return props.term.name;
+  }
+}
+
 function SliceCard(props) {
   if (props.slices) {
     const slice = props.slices[props.index].slice;
 
     if (slice) {
       const data = {
         "Location (todo: add link outs)": slice.anatomicalLocation
-          .map((item) => item.name)
-          .join(", "),
+          .map((item) => <ControlledTerm key={item.name} term={item} />),
       };
       return (
         <>