Revert css I unintentionally modified & add the source sv modal

datacommonsorg · Dec 16, 2024 · 4b938e8 · 4b938e8
1 parent 6883b9c
commit 4b938e8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/static/css/place/dev_place_page.scss b/static/css/place/dev_place_page.scss
@@ -96,7 +96,7 @@ main {
 }
 .summary-text {
   color: var(--gm-3-ref-neutral-neutral-20);
-  font-size: 5px;
+  font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
@@ -132,7 +132,7 @@ main {
       }
 
       a {
-        font-size: 55px;
+        font-size: 14px;
         font-style: normal;
         font-weight: 500;
         line-height: 20px;

diff --git a/static/js/place/dev_place_main.tsx b/static/js/place/dev_place_main.tsx
@@ -310,7 +310,7 @@ const PlaceTopicTabs = ({
 const PlaceOverviewTable = (props: { placeDcid: string }) => {
   const { placeDcid } = props;
   const [dataRows, setDataRows] = useState<DataRow[]>([]);
-  const containerRef = useRef<HTMLDivElement>(null);
+  const containerRef = useRef(null);
   // Fetch key demographic statistics for the place when it changes
   useEffect(() => {
     (async () => {
@@ -336,8 +336,20 @@ const PlaceOverviewTable = (props: { placeDcid: string }) => {
       return dataRow.variable.observation.metadata.provenanceUrl;
     })
   );
+  const statVarDcids = dataRows.map((dr) => { return dr.variable.dcid;});
+
+  const statVarSpecs: StatVarSpec[] = statVarDcids.map((dcid) => {
+    return {
+      statVar: dcid,
+      denom: '',  // Initialize with an empty string or a default denominator if applicable
+      unit: '',   // Initialize with an empty string or a default unit if applicable
+      scaling: 1,  // Initialize with a default scaling factor
+      log: false,  // Initialize with a default log value
+    };
+  });
+
   return (
-    <table className="table">
+    <table className="table" ref={containerRef}>
       <thead>
         <tr>
           <th scope="col" colSpan={2}>
@@ -368,7 +380,7 @@ const PlaceOverviewTable = (props: { placeDcid: string }) => {
           <tr>
             <td>
               <div className="chart-container">
-                <TileSources containerRef={containerRef} sources={sourceUrls} />
+                <TileSources containerRef={containerRef} sources={sourceUrls} statVarSpecs={statVarSpecs} />
               </div>
             </td>
             <td></td>