got rid of render order error

This commit is contained in:
Carter 2025-11-10 12:49:22 -06:00
parent 7c6f592997
commit 6143e0aba1
2 changed files with 31 additions and 34 deletions

View file

@ -34,14 +34,14 @@ interface Props {
}
const useStyles = makeStyles((theme: Theme) => ({
avatar: {
color: useThemeType() === "light" ? theme.palette.common.black : theme.palette.common.white,
backgroundColor: "transparent",
width: theme.spacing(5),
height: theme.spacing(5),
border: "1px solid",
borderColor: theme.palette.divider
}
avatar: {
color: theme.palette.mode === "light" ? theme.palette.common.black : theme.palette.common.white,
backgroundColor: "transparent",
width: theme.spacing(5),
height: theme.spacing(5),
border: "1px solid",
borderColor: theme.palette.divider
}
}));
export default function ObjectControls(props: Props) {
@ -215,4 +215,4 @@ export default function ObjectControls(props: Props) {
</Grid>
</Box>
);
}
}

View file

@ -52,31 +52,28 @@ function TabPanelMine(props: TabPanelProps) {
);
}
const useStyles = makeStyles((theme: Theme) => {
const themeType = useThemeType();
return ({
inactiveButton: {
color: themeType === "light" ? theme.palette.common.black : theme.palette.common.white,
backgroundColor: "transparent",
width: theme.spacing(5),
height: theme.spacing(5),
border: "1px solid",
borderColor: theme.palette.divider
},
activeButton: {
color: themeType === "light" ? theme.palette.common.black : theme.palette.common.white,
backgroundColor: theme.palette.primary.main,
width: theme.spacing(5),
height: theme.spacing(5),
border: "1px solid",
borderColor: theme.palette.divider
},
drawerPaper: {
height: "100%",
width: "30%"
}
});
});
const useStyles = makeStyles((theme: Theme) => ({
inactiveButton: {
color: theme.palette.mode === "light" ? theme.palette.common.black : theme.palette.common.white,
backgroundColor: "transparent",
width: theme.spacing(5),
height: theme.spacing(5),
border: "1px solid",
borderColor: theme.palette.divider
},
activeButton: {
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),
border: "1px solid",
borderColor: theme.palette.divider
},
drawerPaper: {
height: "100%",
width: "30%"
}
}));
export default function Contract() {
// const match = useRouteMatch<MatchParams>();