Add name for BackstageTab styles

Signed-off-by: sandra-greenhalgh <sandra.greenhalgh@justeattakeaway.com>
2022-03-31 17:04:09 +01:00
parent e06ebde7f4
commit 0a59250f5b
1 changed files with 19 additions and 16 deletions
@@ -37,24 +37,27 @@ const tabMarginLeft = (isFirstNav: boolean, isFirstIndex: boolean) => {
  return '40px';
 };

-const useStyles = makeStyles<BackstageTheme, StyledTabProps>(theme => ({
-  root: {
-    textTransform: 'none',
-    height: '64px',
-    fontWeight: theme.typography.fontWeightBold,
-    fontSize: theme.typography.pxToRem(13),
-    color: theme.palette.textSubtle,
-    marginLeft: props =>
-      tabMarginLeft(props.isFirstNav as boolean, props.isFirstIndex as boolean),
-    width: '130px',
-    minWidth: '130px',
-    '&:hover': {
-      outline: 'none',
-      backgroundColor: 'transparent',
+const useStyles = makeStyles<BackstageTheme, StyledTabProps>(
+  theme => ({
+    root: {
+      textTransform: 'none',
+      height: '64px',
+      fontWeight: theme.typography.fontWeightBold,
+      fontSize: theme.typography.pxToRem(13),
      color: theme.palette.textSubtle,
+      marginLeft: props =>
+        tabMarginLeft(props.isFirstNav as boolean, props.isFirstIndex as boolean),
+      width: '130px',
+      minWidth: '130px',
+      '&:hover': {
+        outline: 'none',
+        backgroundColor: 'transparent',
+        color: theme.palette.textSubtle,
+      },
    },
-  },
-}));
+  }),
+  { name: 'BackstageTab' },
+);

 export const StyledTab = (props: StyledTabProps) => {
  const classes = useStyles(props);