added NotFound component to table ✔

sank2000 · May 28, 2021 · 3a99cf7 · 3a99cf7
1 parent 9c52fb9
commit 3a99cf7
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 6 deletions.
diff --git a/src/pages/Admin/Admin/Admin.jsx b/src/pages/Admin/Admin/Admin.jsx
@@ -14,7 +14,7 @@ import axios from 'axios';
 import AddIcon from '@material-ui/icons/Add';
 import DeleteForeverOutlinedIcon from '@material-ui/icons/DeleteForeverOutlined';
 
-import { StyledTableCell, StyledTableRow, Dialog, PageLoader } from 'components';
+import { StyledTableCell, StyledTableRow, Dialog, PageLoader, NotFound } from 'components';
 import { useAlStyles } from 'constants/classes';
 import Add from './Add';
 
@@ -103,6 +103,7 @@ export default function Admin() {
 							})}
 						</TableBody>
 					</Table>
+					{data.length === 0 && <NotFound description='No admin found !' />}
 				</TableContainer>
 			)}
 			{loading && <PageLoader />}

diff --git a/src/pages/Admin/Section/Section.jsx b/src/pages/Admin/Section/Section.jsx
@@ -15,13 +15,13 @@ import VisibilityOutlinedIcon from '@material-ui/icons/VisibilityOutlined';
 import EditOutlinedIcon from '@material-ui/icons/EditOutlined';
 import axios from 'axios';
 
-import { StyledTableCell, StyledTableRow, PageLoader } from 'components';
+import { StyledTableCell, StyledTableRow, PageLoader, NotFound } from 'components';
 import { useAlStyles } from 'constants/classes';
 import Add from './Add';
 import Edit from './Edit';
 import View from './View';
 
-export default function Staff() {
+export default function Section() {
 	const classes = useAlStyles();
 	const [openAdd, setOpenAdd] = useState(false);
 	const [openUpdate, setOpenUpdate] = useState(false);
@@ -95,6 +95,7 @@ export default function Staff() {
 							})}
 						</TableBody>
 					</Table>
+					{data.length === 0 && <NotFound description='No section found !' />}
 				</TableContainer>
 			)}
 			{loading && <PageLoader />}

diff --git a/src/pages/Admin/Staff/Staff.jsx b/src/pages/Admin/Staff/Staff.jsx
@@ -15,7 +15,7 @@ import EditOutlinedIcon from '@material-ui/icons/EditOutlined';
 import DeleteForeverOutlinedIcon from '@material-ui/icons/DeleteForeverOutlined';
 import axios from 'axios';
 
-import { StyledTableCell, StyledTableRow, Dialog, PageLoader } from 'components';
+import { StyledTableCell, StyledTableRow, Dialog, PageLoader, NotFound } from 'components';
 import { useAlStyles } from 'constants/classes';
 import Add from './Add';
 import Edit from './Edit';
@@ -122,6 +122,7 @@ export default function Staff() {
 							})}
 						</TableBody>
 					</Table>
+					{data.length === 0 && <NotFound description='No Staff Found!' />}
 				</TableContainer>
 			)}
 			{loading && <PageLoader />}

diff --git a/src/pages/Admin/Student/Student.jsx b/src/pages/Admin/Student/Student.jsx
@@ -16,7 +16,7 @@ import EditOutlinedIcon from '@material-ui/icons/EditOutlined';
 import DeleteForeverOutlinedIcon from '@material-ui/icons/DeleteForeverOutlined';
 import axios from 'axios';
 
-import { StyledTableCell, StyledTableRow, Dialog, PageLoader } from 'components';
+import { StyledTableCell, StyledTableRow, Dialog, PageLoader, NotFound } from 'components';
 import { useAlStyles } from 'constants/classes';
 import Add from './Add';
 import Edit from './Edit';
@@ -123,6 +123,7 @@ export default function Student() {
 							})}
 						</TableBody>
 					</Table>
+					{data.length === 0 && <NotFound description='No Students found !' />}
 				</TableContainer>
 			)}
 			{loading && <PageLoader />}

diff --git a/src/pages/Staff/Student.jsx b/src/pages/Staff/Student.jsx
@@ -11,7 +11,13 @@ import {
 } from '@material-ui/core';
 import { format } from 'date-fns';
 
-import { StyledTableCell, StyledTableRow, PageLoader, RowWithTypography } from 'components';
+import {
+	StyledTableCell,
+	StyledTableRow,
+	PageLoader,
+	RowWithTypography,
+	NotFound
+} from 'components';
 import { useAlStyles } from 'constants/classes';
 
 export default function Student() {
@@ -86,6 +92,7 @@ export default function Student() {
 							})}
 						</TableBody>
 					</Table>
+					{data.length === 0 && <NotFound description='No students found !' />}
 				</TableContainer>
 			)}
 		</section>