fix: Apply linter <span> rule

Signed-off-by: Carlos Esteban Lopez <lcarlosesteb@vmware.com>
2022-12-15 18:22:22 -05:00
parent 0dfaf1b78b
commit 1daac71e74
37 changed files with 212 additions and 133 deletions
@@ -39,11 +39,17 @@ import { Link as RouterLink } from 'react-router-dom';

 const LongText = ({ text, max }: { text: string; max: number }) => {
  if (text.length < max) {
-    return <span>{text}</span>;
+    return (
+      <Typography color="primary" component="span">
+        {text}
+      </Typography>
+    );
  }
  return (
    <Tooltip title={text}>
-      <span>{text.slice(0, max)}...</span>
+      <Typography color="primary" component="span">
+        {text.slice(0, max)}...
+      </Typography>
    </Tooltip>
  );
 };