From 4b938e85e8a1130a1ebb762029a5432fb7d683c7 Mon Sep 17 00:00:00 2001
From: Gabriel Mechali <gabriel.mechali@gmail.com>
Date: Mon, 16 Dec 2024 11:38:48 -0500
Subject: [PATCH] Revert css I unintentionally modified & add the source sv
 modal

---
 static/css/place/dev_place_page.scss |  4 ++--
 static/js/place/dev_place_main.tsx   | 18 +++++++++++++++---
 2 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/static/css/place/dev_place_page.scss b/static/css/place/dev_place_page.scss
index 03d3d94596..5fc40239d4 100644
--- 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
index e8f8ba7983..9cdfd6acc6 100644
--- 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>