chore: Change to radius for sidebar

src/components/pages/data/long-term-care/map/facility-details.js

@@ -11,6 +11,22 @@ const fields = {
       title: 'Resident deaths',
       field: 'resident_deaths',
     },
+    {
+      title: 'Staff cases',
+      field: 'staff_positives',
+    },
+    {
+      title: 'Staff deaths',
+      field: 'staff_deaths',
+    },
+    {
+      title: 'Resident & staff cases',
+      field: 'resident_staff_positives',
+    },
+    {
+      title: 'Resident & staff deaths',
+      field: 'resident_staff_deaths',
+    },
     {
       title: 'Outbreak resident positives',
       field: 'outbreak_resident_positives',
@@ -27,14 +43,6 @@ const fields = {
       title: 'Outbreak resident & staff deaths',
       field: 'outbreak_resident_staff_deaths',
     },
-    {
-      title: 'Staff cases',
-      field: 'staff_positives',
-    },
-    {
-      title: 'Staff deaths',
-      field: 'staff_deaths',
-    },
   ],
   cms: [
     {

src/components/pages/data/long-term-care/map/index.js

@@ -143,6 +143,10 @@ const LTCFacilitiesMap = ({ center, zoom, state = false }) => {
       selectFacility(event, true)
     })
 
+    map.on('data', () => {
+      console.log('data')
+    })
+
     mapRef.current = map
   }, [])
 
@@ -184,7 +188,7 @@ const LTCFacilitiesMap = ({ center, zoom, state = false }) => {
             <thead>
               <tr>
                 <Th alignLeft>Name</Th>
-                <Th>Resident cases</Th>
+                <Th>{mapLayer === 'deaths' ? 'Deaths' : 'Cases'}</Th>
               </tr>
             </thead>
           </Table>
@@ -194,7 +198,7 @@ const LTCFacilitiesMap = ({ center, zoom, state = false }) => {
                 <thead className="a11y-only">
                   <tr>
                     <Th alignLeft>Name</Th>
-                    <Th>Resident cases</Th>
+                    <Th>{mapLayer === 'deaths' ? 'Deaths' : 'Cases'}</Th>
                   </tr>
                 </thead>
                 <tbody>
@@ -228,14 +232,17 @@ const LTCFacilitiesMap = ({ center, zoom, state = false }) => {
                         </button>
                       </Td>
                       <Td>
-                        {mapLayer === 'cms-cases'
-                          ? facility.properties[
-                              'residents-total-confirmed-covid-19'
-                            ] +
+                        {mapLayer === 'cms-cases' &&
+                          facility.properties[
+                            'residents-total-confirmed-covid-19'
+                          ] +
                             facility.properties[
                               'residents-total-suspected-covid-19'
-                            ]
-                          : facility.properties.resident_positives}
+                            ]}
+                        {(mapLayer === 'cases' || mapLayer === 'facilities') &&
+                          facility.properties.radius_positive}
+                        {mapLayer === 'deaths' &&
+                          facility.properties.radius_deaths}
                       </Td>
                     </tr>
                   ))}

src/components/pages/data/long-term-care/map/infobox.js

@@ -76,7 +76,7 @@ const LtcInfobox = ({ layer, facility, x, y }) => {
                 value={facility.outbreak_resident_staff_positives}
               />
               <Item
-                title="OUtbreak resident&amp; staff positives"
+                title="Outbreak resident&amp; staff positives"
                 value={facility.outbreak_resident_staff_deaths}
               />
             </>