From ebfeecb82befa0a6fcf9987ba6a5b8ceacb40e16 Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Mon, 6 Jan 2020 00:34:05 +0300
Subject: Add unique key props to Scoreboard results
---
src/components/Scoreboard/Scoreboard.js | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/src/components/Scoreboard/Scoreboard.js b/src/components/Scoreboard/Scoreboard.js
index d55944d..47e306e 100644
--- a/src/components/Scoreboard/Scoreboard.js
+++ b/src/components/Scoreboard/Scoreboard.js
@@ -42,7 +42,7 @@ const Scoreboard = () => {
</Typography>
<Grid container justify="center" direction="column" spacing={3}>
{solutions.map(solution => (
- <Grid item>
+ <Grid item key={solution.id}>
<SolutionCard data={solution} removeThisCard={removeSolution}/>
</Grid>
))}
--
cgit v1.2.3
From eb66bee40bdaacf6d2f610bf0727c8a42b1e2502 Mon Sep 17 00:00:00 2001
From: Eug-VS <eug-vs@keemail.me>
Date: Mon, 6 Jan 2020 01:19:59 +0300
Subject: Fix Header warnings
---
src/components/Header/Header.js | 20 +++++++++++++-------
1 file changed, 13 insertions(+), 7 deletions(-)
diff --git a/src/components/Header/Header.js b/src/components/Header/Header.js
index 9c286f7..26ba45c 100644
--- a/src/components/Header/Header.js
+++ b/src/components/Header/Header.js
@@ -3,14 +3,18 @@ import {
AppBar,
Tabs,
Tab,
- Typography
+ Typography,
+ Toolbar,
} from "@material-ui/core";
import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles(theme => ({
logo: {
color: theme.palette.secondary.main,
- margin: theme.spacing(2, 3, 2, 2)
+ margin: theme.spacing(0, 2, 0, 3)
+ },
+ tab: {
+ padding: theme.spacing(3, 0, 3, 0)
},
}));
@@ -26,12 +30,14 @@ const Header = ({ page, setPage }) => {
return (
<AppBar position="sticky" className={classes.header}>
- <Tabs onChange={handleChange} value={page}>
+ <Toolbar>
<Typography variant="h4" className={classes.logo}> ChronoCube </Typography>
- { menuItems.map(menuItem => (
- <Tab label={menuItem} value={menuItem}/>
- ))}
- </Tabs>
+ <Tabs onChange={handleChange} value={page}>
+ { menuItems.map(menuItem => (
+ <Tab label={menuItem} value={menuItem} key={menuItem} className={classes.tab}/>
+ ))}
+ </Tabs>
+ </Toolbar>
</AppBar>
);
};
--
cgit v1.2.3