merged contracts page fix
This commit is contained in:
commit
4c5c9ba8be
3 changed files with 39 additions and 40 deletions
|
|
@ -35,7 +35,7 @@ interface Props {
|
|||
|
||||
const useStyles = makeStyles((theme: Theme) => ({
|
||||
avatar: {
|
||||
color: useThemeType() === "light" ? theme.palette.common.black : theme.palette.common.white,
|
||||
color: theme.palette.mode === "light" ? theme.palette.common.black : theme.palette.common.white,
|
||||
backgroundColor: "transparent",
|
||||
width: theme.spacing(5),
|
||||
height: theme.spacing(5),
|
||||
|
|
|
|||
|
|
@ -248,7 +248,7 @@ export default function GateSVG(props: Props) {
|
|||
values.push(
|
||||
<g key={"finalTemp"} id={"finalTemp"} data-name={"finalTemp"}>
|
||||
<text fontSize={7} className={classes.fontBase} x={100} y={85}>
|
||||
{convertFinalTemp(finalTemp).toFixed(2)}°
|
||||
{convertFinalTemp(finalTemp).toFixed(2)}
|
||||
{user.settings.temperatureUnit === pond.TemperatureUnit.TEMPERATURE_UNIT_FAHRENHEIT
|
||||
? "°F"
|
||||
: "°C"}
|
||||
|
|
@ -259,7 +259,7 @@ export default function GateSVG(props: Props) {
|
|||
values.push(
|
||||
<g key={"ambientTemp"} id={"ambientTemp"} data-name={"ambientTemp"}>
|
||||
<text fontSize={7} className={classes.fontBase} x={30} y={114}>
|
||||
Ambient: {ambientTemp}°
|
||||
Ambient: {ambientTemp}
|
||||
{user.settings.temperatureUnit === pond.TemperatureUnit.TEMPERATURE_UNIT_FAHRENHEIT
|
||||
? "°F"
|
||||
: "°C"}
|
||||
|
|
@ -270,11 +270,11 @@ export default function GateSVG(props: Props) {
|
|||
values.push(
|
||||
<g key={"tempChain"} id={"tempChain"} data-name={"tempChain"}>
|
||||
<text fontSize={7} className={classes.fontBase} x={30} y={149}>
|
||||
T1: {innerTemps.t1}°
|
||||
T1: {innerTemps.t1}
|
||||
{user.settings.temperatureUnit === pond.TemperatureUnit.TEMPERATURE_UNIT_FAHRENHEIT
|
||||
? "°F"
|
||||
: "°C"}
|
||||
, T2: {innerTemps.t2}°
|
||||
, T2: {innerTemps.t2}
|
||||
{user.settings.temperatureUnit === pond.TemperatureUnit.TEMPERATURE_UNIT_FAHRENHEIT
|
||||
? "°F"
|
||||
: "°C"}
|
||||
|
|
|
|||
|
|
@ -52,11 +52,9 @@ function TabPanelMine(props: TabPanelProps) {
|
|||
);
|
||||
}
|
||||
|
||||
const useStyles = makeStyles((theme: Theme) => {
|
||||
const themeType = useThemeType();
|
||||
return ({
|
||||
const useStyles = makeStyles((theme: Theme) => ({
|
||||
inactiveButton: {
|
||||
color: themeType === "light" ? theme.palette.common.black : theme.palette.common.white,
|
||||
color: theme.palette.mode === "light" ? theme.palette.common.black : theme.palette.common.white,
|
||||
backgroundColor: "transparent",
|
||||
width: theme.spacing(5),
|
||||
height: theme.spacing(5),
|
||||
|
|
@ -64,7 +62,7 @@ const useStyles = makeStyles((theme: Theme) => {
|
|||
borderColor: theme.palette.divider
|
||||
},
|
||||
activeButton: {
|
||||
color: themeType === "light" ? theme.palette.common.black : theme.palette.common.white,
|
||||
color: theme.palette.mode === "light" ? theme.palette.common.black : theme.palette.common.white,
|
||||
backgroundColor: theme.palette.primary.main,
|
||||
width: theme.spacing(5),
|
||||
height: theme.spacing(5),
|
||||
|
|
@ -75,8 +73,7 @@ const useStyles = makeStyles((theme: Theme) => {
|
|||
height: "100%",
|
||||
width: "30%"
|
||||
}
|
||||
});
|
||||
});
|
||||
}));
|
||||
|
||||
export default function Contract() {
|
||||
// const match = useRouteMatch<MatchParams>();
|
||||
|
|
@ -148,7 +145,9 @@ export default function Contract() {
|
|||
})
|
||||
.catch(err => {
|
||||
//setInvalid(true);
|
||||
});
|
||||
}).finally(() => {
|
||||
setLoading(false)
|
||||
})
|
||||
}
|
||||
}, [contractKey, contractAPI, as]); // eslint-disable-line react-hooks/exhaustive-deps
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue