Cleanup makeStyles from TimeSeriesWidgetUI (#643)

CartoDB · Apr 28, 2023 · ebdbae3 · ebdbae3
1 parent 129dff0
commit ebdbae3
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 9 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,7 @@
 - FeatureSelectionWidgetUI component migrated from makeStyles to styled-components [#640](https://github.com/CartoDB/carto-react/pull/640)
 - LegendWrapper component migrated from makeStyles to styled-components + cleanup [#641](https://github.com/CartoDB/carto-react/pull/641)
 - TableWidgetUI component migrated from makeStyles to styled-components + cleanup [#642](https://github.com/CartoDB/carto-react/pull/642)
+- TimeSeriesWidgetUI component cleanup makeStyles and unnecessary className [#643](https://github.com/CartoDB/carto-react/pull/643)
 
 ## 2.0
 

diff --git a/packages/react-ui/src/widgets/TimeSeriesWidgetUI/TimeSeriesWidgetUI.js b/packages/react-ui/src/widgets/TimeSeriesWidgetUI/TimeSeriesWidgetUI.js
@@ -137,13 +137,6 @@ TimeSeriesWidgetUI.defaultProps = {
 
 export default TimeSeriesWidgetUI;
 
-const useStyles = makeStyles((theme) => ({
-  currentStepSize: {
-    fontSize: 12,
-    marginLeft: theme.spacing(1)
-  }
-}));
-
 // Content is splitted from the default
 // component to be able to use context
 function TimeSeriesWidgetUIContent({
@@ -157,7 +150,6 @@ function TimeSeriesWidgetUIContent({
   showControls,
   animation
 }) {
-  const classes = useStyles();
   const [anchorSpeedEl, setAnchorSpeedEl] = useState(null);
   const [speed, setSpeed] = useState(1);
   const {
@@ -316,7 +308,9 @@ function TimeSeriesWidgetUIContent({
               {currentDate}
             </Typography>
             <Typography
-              className={classes.currentStepSize}
+              xs
+              fontSize={12}
+              ml={1}
               color='textSecondary'
               variant='caption'
             >