From ccf272297efffb363dc487c1d65c86eb8c0dabbc Mon Sep 17 00:00:00 2001
From: Karel Hala <khala@redhat.com>
Date: Mon, 19 Sep 2022 10:55:46 +0200
Subject: [PATCH] Remove errors from console
---
src/components/DataTable.js | 2 +-
src/components/NavBar.js | 2 +-
src/components/Navigation.js | 8 ++++----
src/views/HomePage.js | 6 +++---
4 files changed, 9 insertions(+), 9 deletions(-)
diff --git a/src/components/DataTable.js b/src/components/DataTable.js
index d6d0a72..7053f9b 100644
--- a/src/components/DataTable.js
+++ b/src/components/DataTable.js
@@ -104,7 +104,7 @@ DataTable.propTypes = {
})
),
initialized: PropTypes.bool,
- rest: PropTypes.string.isRequired,
+ rest: PropTypes.string,
};
DataTable.defaultProps = {
diff --git a/src/components/NavBar.js b/src/components/NavBar.js
index 1293fc9..569d706 100644
--- a/src/components/NavBar.js
+++ b/src/components/NavBar.js
@@ -94,7 +94,7 @@ const NavBar = ({ open, handleOpen }) => {
</Typography>
{isAuthenticated && (
<IconButton color="inherit">
- <Badge badgeContent={4} color="secondary">
+ <Badge badgeContent={4} color="secondary" overlap="rectangular">
<NotificationsIcon />
</Badge>
</IconButton>
diff --git a/src/components/Navigation.js b/src/components/Navigation.js
index 20b3aa2..7cea713 100644
--- a/src/components/Navigation.js
+++ b/src/components/Navigation.js
@@ -29,7 +29,7 @@ const Navigation = () => {
return (
<div>
<RouterNavLink to="/home-page" className={clsx(styles.link)}>
- <ListItem button selected={pathname === '/home-page' && !type ? 'selected' : null}>
+ <ListItem button selected={pathname === '/home-page' && !type}>
<ListItemIcon>
<WbSunnyIcon />
</ListItemIcon>
@@ -37,7 +37,7 @@ const Navigation = () => {
</ListItem>
</RouterNavLink>
<RouterNavLink to="/home-page?type=air" className={clsx(styles.link)}>
- <ListItem button selected={pathname === '/home-page' && type === 'air' ? 'selected' : null}>
+ <ListItem button selected={pathname === '/home-page' && type === 'air'}>
<ListItemIcon>
<WavesIcon />
</ListItemIcon>
@@ -45,14 +45,14 @@ const Navigation = () => {
</ListItem>
</RouterNavLink>
<RouterNavLink to="/home-page?type=temp" className={clsx(styles.link)}>
- <ListItem button selected={pathname === '/home-page' && type === 'temp' ? 'selected' : null}>
+ <ListItem button selected={pathname === '/home-page' && type === 'temp'}>
<ListItemIcon>
<AcUnitIcon />
</ListItemIcon>
<ListItemText primary="Temperture" />
</ListItem>
</RouterNavLink>
- <RouterNavLink to="/chart" className={({ isActive }) => [clsx(styles.link), isActive ? 'selected' : null].join(' ')}>
+ <RouterNavLink to="/chart" className={clsx(styles.link)}>
<ListItem button selected={pathname === '/chart'}>
<ListItemIcon>
<ShowChartIcon />
diff --git a/src/views/HomePage.js b/src/views/HomePage.js
index ea9b025..0ba5d8a 100644
--- a/src/views/HomePage.js
+++ b/src/views/HomePage.js
@@ -68,13 +68,13 @@ const HomePage = () => {
return (
<div>
<h1>{typeMapper[type || '']}</h1>
- <Grid container spacing={3} justify="space-between">
+ <Grid container spacing={3} justifyContent="space-between">
<Grid item>
<Autocomplete
style={{ minWidth: '300px' }}
options={restTypesMapper[type || '']}
id="rest-type-picker"
- value={rest}
+ value={rest || ''}
onChange={(e, filter) => setRestApi(({ resource }) => ({ resource, rest: filter }))}
disabled={!initialized}
renderInput={(params) => <TextField {...params} label="Select rest type" margin="normal" />}
@@ -83,7 +83,7 @@ const HomePage = () => {
</Grid>
<Toolbar>
- <Grid container spacing={3} justify="space-between">
+ <Grid container spacing={3} justifyContent="space-between">
<Grid item>
<Autocomplete
style={{ minWidth: '150px' }}
--
GitLab