From 3abac3ebadda31f16c4680cfd5176c0e9f2582f7 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Sun, 3 Apr 2022 20:26:43 +0100
Subject: [PATCH] Fix DOM property name warnings

---
 src/components/atoms/CoverIcon.js                         | 2 +-
 src/components/atoms/SitesIcon.js                         | 2 +-
 .../space/carto/atoms/SatelliteOverlayToggle.js           | 4 ++--
 src/components/time/atoms/Labels.js                       | 8 ++++----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/components/atoms/CoverIcon.js b/src/components/atoms/CoverIcon.js
index 1760793..0fee807 100644
--- a/src/components/atoms/CoverIcon.js
+++ b/src/components/atoms/CoverIcon.js
@@ -8,7 +8,7 @@ const CoverIcon = ({ isActive, isDisabled, onClickHandler }) => {
 
   return (
     <button className={classes} onClick={onClickHandler}>
-      <i class="material-icons">home</i>
+      <i className="material-icons">home</i>
     </button>
   );
 };
diff --git a/src/components/atoms/SitesIcon.js b/src/components/atoms/SitesIcon.js
index 4183ffc..ccb48a6 100644
--- a/src/components/atoms/SitesIcon.js
+++ b/src/components/atoms/SitesIcon.js
@@ -8,7 +8,7 @@ const SitesIcon = ({ isActive, isDisabled, onClickHandler }) => {
 
   return (
     <button className={classes} onClick={onClickHandler}>
-      <i class="material-icons">location_on</i>
+      <i className="material-icons">location_on</i>
     </button>
   );
 };
diff --git a/src/components/space/carto/atoms/SatelliteOverlayToggle.js b/src/components/space/carto/atoms/SatelliteOverlayToggle.js
index a08d4d9..226bf35 100644
--- a/src/components/space/carto/atoms/SatelliteOverlayToggle.js
+++ b/src/components/space/carto/atoms/SatelliteOverlayToggle.js
@@ -17,7 +17,7 @@ const SatelliteOverlayToggle = ({
           style={{ backgroundImage: `url(${mapImg}` }}
           onClick={reset}
         >
-          <div class="label">{copy[language].tiles.default}</div>
+          <div className="label">{copy[language].tiles.default}</div>
         </button>
       ) : (
         <button
@@ -25,7 +25,7 @@ const SatelliteOverlayToggle = ({
           style={{ backgroundImage: `url(${satImg}` }}
           onClick={switchToSatellite}
         >
-          <div class="label">{copy[language].tiles.satellite}</div>
+          <div className="label">{copy[language].tiles.satellite}</div>
         </button>
       )}
     </div>
diff --git a/src/components/time/atoms/Labels.js b/src/components/time/atoms/Labels.js
index 8f35fd9..60939fe 100644
--- a/src/components/time/atoms/Labels.js
+++ b/src/components/time/atoms/Labels.js
@@ -4,24 +4,24 @@ const TimelineLabels = ({ dims, timelabels }) => {
   return (
     <g>
       <line
-        class="axisBoundaries"
+        className="axisBoundaries"
         x1={dims.marginLeft}
         x2={dims.marginLeft}
         y1="10"
         y2="20"
       />
       <line
-        class="axisBoundaries"
+        className="axisBoundaries"
         x1={dims.width - dims.width_controls}
         x2={dims.width - dims.width_controls}
         y1="10"
         y2="20"
       />
-      <text class="timeLabel0 timeLabel" x="5" y="15">
+      <text className="timeLabel0 timeLabel" x="5" y="15">
         {timelabels[0]}
       </text>
       <text
-        class="timelabelF timeLabel"
+        className="timelabelF timeLabel"
         x={dims.width - dims.width_controls - 5}
         y="135"
         style={{ textAnchor: "end" }}