save button becomes gray when save is disabled

This commit is contained in:
Olivier Gagnon 2021-09-16 21:23:03 -04:00
parent 744f3bc067
commit 628572cf21
2 changed files with 4 additions and 3 deletions

@ -1,7 +1,7 @@
// Root React Component for the Corporation UI // Root React Component for the Corporation UI
import React, { useState, useEffect } from "react"; import React, { useState, useEffect } from "react";
import makeStyles from '@mui/styles/makeStyles'; import makeStyles from "@mui/styles/makeStyles";
import { IPlayer } from "../../PersonObjects/IPlayer"; import { IPlayer } from "../../PersonObjects/IPlayer";
import { numeralWrapper } from "../../ui/numeralFormat"; import { numeralWrapper } from "../../ui/numeralFormat";
import { Reputation } from "./Reputation"; import { Reputation } from "./Reputation";
@ -20,6 +20,7 @@ import Button from "@mui/material/Button";
import Collapse from "@mui/material/Collapse"; import Collapse from "@mui/material/Collapse";
import { colors } from "./Theme"; import { colors } from "./Theme";
import { Settings } from "../../Settings/Settings";
interface IProps { interface IProps {
player: IPlayer; player: IPlayer;
@ -194,7 +195,7 @@ export function CharacterOverview({ player, save }: IProps): React.ReactElement
<TableRow> <TableRow>
<TableCell align="center" colSpan={2} classes={{ root: classes.cellNone }}> <TableCell align="center" colSpan={2} classes={{ root: classes.cellNone }}>
<Button color="primary" onClick={save}> <Button color={Settings.AutosaveInterval !== 0 ? "primary" : "secondary"} onClick={save}>
SAVE SAVE
</Button> </Button>
</TableCell> </TableCell>

@ -111,7 +111,7 @@ export const theme = createTheme({
root: { root: {
backgroundColor: "#333", backgroundColor: "#333",
border: "1px solid " + colors.well, border: "1px solid " + colors.well,
color: colors.primary, // color: colors.primary,
margin: "5px", margin: "5px",
padding: "3px 5px", padding: "3px 5px",
"&:hover": { "&:hover": {