diff --git a/src/components/CoverageCell.tsx b/src/components/CoverageCell.tsx
index b235175..ad11e28 100644
--- a/src/components/CoverageCell.tsx
+++ b/src/components/CoverageCell.tsx
@@ -1,17 +1,25 @@
import React from "react";
-import { TableCell } from "@mui/material";
+import { Box, TableCell, Tooltip, Typography } from "@mui/material";
import RYGGradient from "../utils/RYGGradient";
import { CoverageDiffIcon } from "./CoverageDiffIcon";
-export const CoverageCell: React.FC<{ coverage: number; previous: number; }> = ({
- coverage, previous,
+export const CoverageCell: React.FC<{ coverage: number; previous: number }> = ({
+ coverage,
+ previous,
}) => {
+ const randomPrevios0to100 = Math.floor(Math.random() * 100);
const icon = React.useMemo(
- () => CoverageDiffIcon(coverage - (previous), previous),
- [coverage, previous]
+ () => CoverageDiffIcon(coverage - randomPrevios0to100, randomPrevios0to100),
+ [coverage, randomPrevios0to100]
);
+
const styles = React.useMemo(() => RYGGradient(coverage), [coverage]);
return (
- {Math.round(coverage)}% {icon}
+
+
+ {Math.round(coverage)}%
+ {icon}
+
+
);
};
diff --git a/src/components/CoverageDiffIcon.tsx b/src/components/CoverageDiffIcon.tsx
index d0a18c9..4d3346e 100644
--- a/src/components/CoverageDiffIcon.tsx
+++ b/src/components/CoverageDiffIcon.tsx
@@ -1,20 +1,22 @@
import React from "react";
-import { Tooltip } from "@mui/material";
+import { Box, Tooltip } from "@mui/material";
import { ArrowDownward, ArrowUpward } from "@mui/icons-material";
export const CoverageDiffIcon = (diff: number, prev: number) => {
- if (prev === 0) return;
+ if (prev === 0) return (
+ {" "}
+ );
if (diff > 0) {
return (
-
+
);
}
if (diff < 0) {
return (
-
-
+
+
);
}