2021-03-31 06:45:21 +02:00
|
|
|
import * as React from "react";
|
2022-03-06 05:05:55 +01:00
|
|
|
import { numeralWrapper } from "../numeralFormat";
|
2021-10-01 19:08:37 +02:00
|
|
|
import { Theme } from "@mui/material/styles";
|
|
|
|
import makeStyles from "@mui/styles/makeStyles";
|
|
|
|
import createStyles from "@mui/styles/createStyles";
|
2021-03-31 06:45:21 +02:00
|
|
|
|
2021-10-01 19:08:37 +02:00
|
|
|
const useStyles = makeStyles((theme: Theme) =>
|
|
|
|
createStyles({
|
|
|
|
favor: {
|
|
|
|
color: theme.colors.rep,
|
|
|
|
},
|
|
|
|
}),
|
|
|
|
);
|
|
|
|
|
|
|
|
export function Favor({ favor }: { favor: number | string }): React.ReactElement {
|
|
|
|
const classes = useStyles();
|
|
|
|
return <span className={classes.favor}>{typeof favor === "number" ? numeralWrapper.formatFavor(favor) : favor}</span>;
|
2021-09-05 01:09:30 +02:00
|
|
|
}
|