From 9be1eb8763bc232d194517027511704d5f2365da Mon Sep 17 00:00:00 2001 From: neeravbhaskarla Date: Tue, 25 Jul 2023 15:56:29 +0530 Subject: [PATCH] Removed prop-type issues and unused imports --- src/components/BookDetails/BookDetails.jsx | 84 +- src/components/BookSearch/BookSearch.jsx | 9 +- src/components/Library/Library.jsx | 1542 ++++++++++---------- src/components/Login/Login.jsx | 1 - src/components/Register/Register.jsx | 1 - src/components/SearchPopup/PopupState.jsx | 12 +- src/components/SideNav/SideNav.jsx | 18 +- 7 files changed, 839 insertions(+), 828 deletions(-) diff --git a/src/components/BookDetails/BookDetails.jsx b/src/components/BookDetails/BookDetails.jsx index b5fdb6d..60eabef 100644 --- a/src/components/BookDetails/BookDetails.jsx +++ b/src/components/BookDetails/BookDetails.jsx @@ -1,40 +1,44 @@ -import { useCallback, useState, useEffect } from 'react'; - -function BookDetails({ bookId }) { - const [bookDetails, setBookDetails] = useState(null); - - const getBookDetails = useCallback(async () => { - try { - // make API call to fetch book details - const response = await fetch(`/api/books/\${bookId}`); - const data = await response.json(); - // set book details in state - setBookDetails(data); - } catch (error) { - // handle error - console.error(error); - } - }, [bookId, setBookDetails]); - - // call getBookDetails when component mounts - useEffect(() => { - getBookDetails(); - }, [getBookDetails]); - - return ( -
- {bookDetails ? ( -
-

{bookDetails.title}

-

Author: {bookDetails.author}

-

Genre: {bookDetails.genre}

-

Description: {bookDetails.description}

-
- ) : ( -

Loading book details...

- )} -
- ); -} - -export default BookDetails; +import { useCallback, useState, useEffect } from 'react'; +import PropTypes from 'prop-types'; + +function BookDetails({ bookId }) { + const [bookDetails, setBookDetails] = useState(null); + + const getBookDetails = useCallback(async () => { + try { + // make API call to fetch book details + const response = await fetch(`/api/books/${bookId}`); + const data = await response.json(); + // set book details in state + setBookDetails(data); + } catch (error) { + // handle error + console.error(error); + } + }, [bookId, setBookDetails]); + + // call getBookDetails when component mounts + useEffect(() => { + getBookDetails(); + }, [getBookDetails]); + + return ( +
+ {bookDetails ? ( +
+

{bookDetails.title}

+

Author: {bookDetails.author}

+

Genre: {bookDetails.genre}

+

Description: {bookDetails.description}

+
+ ) : ( +

Loading book details...

+ )} +
+ ); +} + +BookDetails.propTypes = { + bookId: PropTypes.number, +}; +export default BookDetails; diff --git a/src/components/BookSearch/BookSearch.jsx b/src/components/BookSearch/BookSearch.jsx index fd8ee28..7d84888 100644 --- a/src/components/BookSearch/BookSearch.jsx +++ b/src/components/BookSearch/BookSearch.jsx @@ -1,6 +1,6 @@ import React from 'react'; import './BookSearch.css'; -import SearchIcon from '@mui/icons-material/Search'; +import PropTypes from 'prop-types'; import PopperPopupState from '../SearchPopup/PopupState'; function SearchWindow({ matches, filter, setFilter, isDarkMode }) { @@ -26,4 +26,11 @@ function SearchWindow({ matches, filter, setFilter, isDarkMode }) { ); } +SearchWindow.propTypes = { + matches: PropTypes.bool, + filter: PropTypes.string, + setFilter: PropTypes.func, + isDarkMode: PropTypes.bool, +}; + export default SearchWindow; diff --git a/src/components/Library/Library.jsx b/src/components/Library/Library.jsx index a97aec6..a2af63f 100644 --- a/src/components/Library/Library.jsx +++ b/src/components/Library/Library.jsx @@ -1,779 +1,763 @@ -import React, { useState } from 'react'; -import PropTypes from 'prop-types'; -import { orderBy } from 'lodash'; -import { alpha } from '@mui/material/styles'; -import { useTheme } from '@mui/material/styles'; -import Box from '@mui/material/Box'; -import Collapse from '@mui/material/Collapse'; -import Table from '@mui/material/Table'; -import TableBody from '@mui/material/TableBody'; -import TableCell, { tableCellClasses } from '@mui/material/TableCell'; -import TableContainer from '@mui/material/TableContainer'; -import TableFooter from '@mui/material/TableFooter'; -import TableHead from '@mui/material/TableHead'; -import TableRow from '@mui/material/TableRow'; -import TablePagination from '@mui/material/TablePagination'; -import StarIcon from '@mui/icons-material/Star'; -import Paper from '@mui/material/Paper'; -import IconButton from '@mui/material/IconButton'; -import FirstPageIcon from '@mui/icons-material/FirstPage'; -import KeyboardArrowLeft from '@mui/icons-material/KeyboardArrowLeft'; -import KeyboardArrowRight from '@mui/icons-material/KeyboardArrowRight'; -import LastPageIcon from '@mui/icons-material/LastPage'; -import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'; -import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'; -import TableSortLabel from '@mui/material/TableSortLabel'; -import Toolbar from '@mui/material/Toolbar'; -import Typography from '@mui/material/Typography'; -import Checkbox from '@mui/material/Checkbox'; -import Tooltip from '@mui/material/Tooltip'; -import FormControlLabel from '@mui/material/FormControlLabel'; -import Switch from '@mui/material/Switch'; -import DeleteIcon from '@mui/icons-material/Delete'; -import FilterListIcon from '@mui/icons-material/FilterList'; -import { visuallyHidden } from '@mui/utils'; - -import AddIcon from '@mui/icons-material/Add'; -import RemoveIcon from '@mui/icons-material/Remove'; -import Dialog from '@mui/material/Dialog'; -import DialogActions from '@mui/material/DialogActions'; -import DialogContent from '@mui/material/DialogContent'; -import DialogContentText from '@mui/material/DialogContentText'; -import DialogTitle from '@mui/material/DialogTitle'; -/* import { TableVirtuoso } from 'react-virtuoso'; */ -import './Library.css'; -import Classes from './Library.module.css'; -import rows from './data.json'; -import { Button, Modal, TextField } from '@mui/material'; -import CloseIcon from '@mui/icons-material/Close'; -import Snackbar, { SnackbarOrigin } from '@mui/material/Snackbar'; -import ISBN from 'isbn-validate'; -import { Rating } from 'react-simple-star-rating'; -// function createData(name, calories, fat, carbs, protein) { -// return { name, calories, fat, carbs, protein }; -// } - -// const rows = [ -// createData('Frozen yoghurt', 159, 6.0, 24, 4.0), -// createData('Ice cream sandwich', 237, 9.0, 37, 4.3), -// createData('Eclair', 262, 16.0, 24, 6.0), -// createData('Cupcake', 305, 3.7, 67, 4.3), -// createData('Gingerbread', 356, 16.0, 49, 3.9), - -// ]; - -export default function Library({ filter }) { - const [myRows, setMyRows] = useState(rows); - const [showSnackBar, handleSnackBar] = useState(false); - const [removedItemName, setRemovedItemName] = useState(''); - - //table sorting states - const [sortOrder, setSortOrder] = useState(false); - const [sortingColumn, setSortingColumn] = useState(''); - - //Modal states - const [showModal, handleModalBox] = useState(false); - const [name, setName] = useState(''); - const [author, setAuthor] = useState(''); - const [publisher, setPublisher] = useState(''); - const [isbn, setIsbn] = useState(''); - const [year, setYear] = useState(''); - const [edition, setEdition] = useState(''); - const [error, setError] = useState(false); - const [blankEntry, setBlankEntry] = useState(false); - - //Book review modal states - const [showReviewModal, handleReviewModal] = useState(false); - const [isReviewAdded, handleReviewAdded] = useState(false); - const [bookName, setBookName] = useState(''); - const [bookReview, setBookReview] = useState(''); - const [rating, setRating] = useState(0); - - //Book read review modal states - const [enableReviewModal, setEnableReviewModal] = useState(false); - const [book, setBook] = useState({}); - - //This state helps us for two way in input filed - const [isAdded, handleIsAdded] = useState(false); - const removeBookByName = (row) => { - setRemovedItemName('removed ' + row.name + ' successfully'); - myRows.splice(myRows.indexOf(row), 1); - - setMyRows([...myRows]); - handleSnackBar(true); - }; - const addItemToTable = (e) => { - e.preventDefault(); - if (name && author && publisher && isbn && year && edition) { - let bookObj = { - name, - author, - publisher, - isbn, - year, - edition, - reviews: [], - }; - setMyRows([...myRows, bookObj]); - - handleIsAdded(true); - resetBookState(); - handleModalBox(false); - } else { - setBlankEntry(true); - } - console.log(name, author, publisher, isbn, year, edition); - }; - - const resetBookState = () => { - setName(''); - setAuthor(''); - setPublisher(''); - setIsbn(''); - setYear(''); - setEdition(''); - }; - - const closeSnackBar = () => { - handleSnackBar(false); - handleIsAdded(false); - handleReviewAdded(false); - setBlankEntry(false); - }; - const action = ( - - - - - - ); - - const style = { - position: 'absolute', - top: '50%', - left: '50%', - transform: 'translate(-50%, -50%)', - width: 400, - bgcolor: 'background.paper', - border: '2px solid #000', - boxShadow: 24, - p: 4, - display: 'flex', - flexDirection: 'column', - justifyContent: 'space-between', - alignItems: 'center', - }; - - //Check if publishing year is a four digit number - const handleYearChange = (event) => { - const value = event.target.value; - setYear(value); - - if (value.length === 4 && !isNaN(value)) { - setError(false); - } else { - setError(true); - } - }; - - // books table sort - const handleSort = (columnName, order) => { - if (columnName === 'title') { - const sortedRows = orderBy(myRows, ['name'], [order]); - setMyRows(sortedRows); - } else if (columnName === 'author') { - const sortedRows = orderBy(myRows, ['author'], [order]); - setMyRows(sortedRows); - } else if (columnName === 'category') { - const sortedRows = orderBy(myRows, ['category'], [order]); - setMyRows(sortedRows); - } else if (columnName === 'publisher') { - const sortedRows = orderBy(myRows, ['publisher'], [order]); - setMyRows(sortedRows); - } else if (columnName === 'year') { - const sortedRows = orderBy(myRows, ['year'], [order]); - setMyRows(sortedRows); - } else if (columnName === 'isbn') { - const sortedRows = orderBy(myRows, ['isbn'], [order]); - setMyRows(sortedRows); - } else if (columnName === 'edition') { - const sortedRows = orderBy(myRows, ['edition'], [order]); - setMyRows(sortedRows); - } - }; - - //Check if ISBN is valid - const handleISBNChange = (event) => { - const value = event.target.value; - setIsbn(value); - - if (ISBN.Validate(value)) { - setError(false); - } else { - setError(true); - } - }; - - //adds the review for each book - const handleBookReview = () => { - const updatedRows = myRows.map((book) => { - if (book.name === bookName) { - return { - ...book, - reviews: [ - ...book.reviews, - { starRating: rating, textReview: bookReview }, - ], - }; - } else if (book.name !== bookName) { - return { ...book }; - } - }); - setMyRows([...updatedRows]); - handleReviewAdded(true); - setBookReview(''); - setRating(0); - }; - - const onPointerMove = (value, index) => { - setRating(value); - }; - - const starGenerator = (count) => { - const stars = []; - for (let i = 1; i <= count; i++) { - stars.push(); - } - return stars; - }; - - React.useEffect(() => { - const filteredRow = () => { - if (filter) { - //searching can be improved - const newRow = rows.filter( - (row) => - (filter && row.name.includes(filter)) || - (row.category && row.category.includes(filter)) || - row.author.includes(filter) - ); - - if (newRow.length > 0) { - setMyRows(newRow); - } else { - setMyRows(rows); - } - } else { - setMyRows(rows); - } - }; - - filteredRow(); - }, [filter]); - - return ( - <> - - - - - {/* //book review modal start// */} - { - handleReviewModal(false); - }} - > - - - Review for {bookName} - - - - - { - setBookReview(e.target.value); - }} - /> - - {isReviewAdded ? ( - <> - - - ) : ( - <> - - - )} - - - {/* //book review modal end// //book read review modal start// */} -
- { - setEnableReviewModal(false); - }} - aria-labelledby='alert-dialog-title' - aria-describedby='alert-dialog-description' - > - - Reading reviews of {book?.name} - - - - - {book?.reviews?.length > 0 ? ( - book?.reviews?.map((item, index) => { - return ( -
- {starGenerator(item?.starRating)} - - {item?.textReview} - -
- ); - }) - ) : ( - - There are no reviews yet for{' '} - {book?.name} - - )} - - - - - - -
- {/* //book read reviews modal end// */} - { - handleModalBox(false); - }} - > - - - Add Item to table - -
{ - addItemToTable(e); - }} - > - { - setName(e.target.value); - }} - defaultValue='' - /> - { - setAuthor(e.target.value); - }} - fullWidth - style={{ marginTop: '10px' }} - /> - { - setAuthor(e.target.value); - }} - fullWidth - style={{ marginTop: '10px' }} - /> - { - setPublisher(e.target.value); - }} - fullWidth - style={{ marginTop: '10px' }} - /> - - - { - setEdition(e.target.value); - }} - fullWidth - style={{ marginTop: '10px' }} - /> - {isAdded ? ( - <> - - - ) : ( - <> - - - )} - -
- - - - - - Action - - { - setSortOrder(!sortOrder); - setSortingColumn('title'); - handleSort( - 'title', - sortOrder ? 'asc' : 'desc' - ); - }} - > - Title - - - - { - setSortOrder(!sortOrder); - setSortingColumn('author'); - handleSort( - 'author', - sortOrder ? 'asc' : 'desc' - ); - }} - > - Author - {' '} - - - {' '} - { - setSortOrder(!sortOrder); - setSortingColumn('category'); - handleSort( - 'category', - sortOrder ? 'asc' : 'desc' - ); - }} - > - Category - {' '} - - - {' '} - { - setSortOrder(!sortOrder); - setSortingColumn('publisher'); - handleSort( - 'publisher', - sortOrder ? 'asc' : 'desc' - ); - }} - > - Publisher - {' '} - - - {' '} - { - setSortOrder(!sortOrder); - setSortingColumn('isbn'); - handleSort( - 'isbn', - sortOrder ? 'asc' : 'desc' - ); - }} - > - ISBN - - - - {' '} - { - setSortOrder(!sortOrder); - setSortingColumn('year'); - handleSort( - 'year', - sortOrder ? 'asc' : 'desc' - ); - }} - > - Year - {' '} - - - { - setSortOrder(!sortOrder); - setSortingColumn('edition'); - handleSort( - 'edition', - sortOrder ? 'asc' : 'desc' - ); - }} - > - Edition - - - Review - - - - {myRows.map((row) => ( - - - {myRows.indexOf(row) === - myRows.length - 1 ? ( - { - handleModalBox(true); - }} - /> - ) : ( - <> - )} - - { - removeBookByName(row); - }} - /> - - - {row.name} - - - {row.author} - - - {row.category} - - - {row.publisher} - - {row.isbn} - {row.year} - - {row.edition} - - - - - - - ))} - -
- - - ); -} +import React, { useState } from 'react'; +import PropTypes from 'prop-types'; +import { orderBy } from 'lodash'; +import Box from '@mui/material/Box'; +import Table from '@mui/material/Table'; +import TableBody from '@mui/material/TableBody'; +import TableCell from '@mui/material/TableCell'; +import TableContainer from '@mui/material/TableContainer'; +import TableHead from '@mui/material/TableHead'; +import TableRow from '@mui/material/TableRow'; +import StarIcon from '@mui/icons-material/Star'; +import Paper from '@mui/material/Paper'; +import IconButton from '@mui/material/IconButton'; +import TableSortLabel from '@mui/material/TableSortLabel'; +import Typography from '@mui/material/Typography'; +import AddIcon from '@mui/icons-material/Add'; +import RemoveIcon from '@mui/icons-material/Remove'; +import Dialog from '@mui/material/Dialog'; +import DialogActions from '@mui/material/DialogActions'; +import DialogContent from '@mui/material/DialogContent'; +import DialogContentText from '@mui/material/DialogContentText'; +import DialogTitle from '@mui/material/DialogTitle'; +/* import { TableVirtuoso } from 'react-virtuoso'; */ +import './Library.css'; +import Classes from './Library.module.css'; +import rows from './data.json'; +import { Button, Modal, TextField } from '@mui/material'; +import CloseIcon from '@mui/icons-material/Close'; +import Snackbar from '@mui/material/Snackbar'; +import ISBN from 'isbn-validate'; +import { Rating } from 'react-simple-star-rating'; +// function createData(name, calories, fat, carbs, protein) { +// return { name, calories, fat, carbs, protein }; +// } + +// const rows = [ +// createData('Frozen yoghurt', 159, 6.0, 24, 4.0), +// createData('Ice cream sandwich', 237, 9.0, 37, 4.3), +// createData('Eclair', 262, 16.0, 24, 6.0), +// createData('Cupcake', 305, 3.7, 67, 4.3), +// createData('Gingerbread', 356, 16.0, 49, 3.9), + +// ]; + +export default function Library({ filter }) { + const [myRows, setMyRows] = useState(rows); + const [showSnackBar, handleSnackBar] = useState(false); + const [removedItemName, setRemovedItemName] = useState(''); + + //table sorting states + const [sortOrder, setSortOrder] = useState(false); + const [sortingColumn, setSortingColumn] = useState(''); + + //Modal states + const [showModal, handleModalBox] = useState(false); + const [name, setName] = useState(''); + const [author, setAuthor] = useState(''); + const [publisher, setPublisher] = useState(''); + const [isbn, setIsbn] = useState(''); + const [year, setYear] = useState(''); + const [edition, setEdition] = useState(''); + const [error, setError] = useState(false); + const [blankEntry, setBlankEntry] = useState(false); + + //Book review modal states + const [showReviewModal, handleReviewModal] = useState(false); + const [isReviewAdded, handleReviewAdded] = useState(false); + const [bookName, setBookName] = useState(''); + const [bookReview, setBookReview] = useState(''); + const [rating, setRating] = useState(0); + + //Book read review modal states + const [enableReviewModal, setEnableReviewModal] = useState(false); + const [book, setBook] = useState({}); + + //This state helps us for two way in input filed + const [isAdded, handleIsAdded] = useState(false); + const removeBookByName = (row) => { + setRemovedItemName('removed ' + row.name + ' successfully'); + myRows.splice(myRows.indexOf(row), 1); + + setMyRows([...myRows]); + handleSnackBar(true); + }; + const addItemToTable = (e) => { + e.preventDefault(); + if (name && author && publisher && isbn && year && edition) { + let bookObj = { + name, + author, + publisher, + isbn, + year, + edition, + reviews: [], + }; + setMyRows([...myRows, bookObj]); + + handleIsAdded(true); + resetBookState(); + handleModalBox(false); + } else { + setBlankEntry(true); + } + console.log(name, author, publisher, isbn, year, edition); + }; + + const resetBookState = () => { + setName(''); + setAuthor(''); + setPublisher(''); + setIsbn(''); + setYear(''); + setEdition(''); + }; + + const closeSnackBar = () => { + handleSnackBar(false); + handleIsAdded(false); + handleReviewAdded(false); + setBlankEntry(false); + }; + const action = ( + + + + + + ); + + const style = { + position: 'absolute', + top: '50%', + left: '50%', + transform: 'translate(-50%, -50%)', + width: 400, + bgcolor: 'background.paper', + border: '2px solid #000', + boxShadow: 24, + p: 4, + display: 'flex', + flexDirection: 'column', + justifyContent: 'space-between', + alignItems: 'center', + }; + + //Check if publishing year is a four digit number + const handleYearChange = (event) => { + const value = event.target.value; + setYear(value); + + if (value.length === 4 && !isNaN(value)) { + setError(false); + } else { + setError(true); + } + }; + + // books table sort + const handleSort = (columnName, order) => { + if (columnName === 'title') { + const sortedRows = orderBy(myRows, ['name'], [order]); + setMyRows(sortedRows); + } else if (columnName === 'author') { + const sortedRows = orderBy(myRows, ['author'], [order]); + setMyRows(sortedRows); + } else if (columnName === 'category') { + const sortedRows = orderBy(myRows, ['category'], [order]); + setMyRows(sortedRows); + } else if (columnName === 'publisher') { + const sortedRows = orderBy(myRows, ['publisher'], [order]); + setMyRows(sortedRows); + } else if (columnName === 'year') { + const sortedRows = orderBy(myRows, ['year'], [order]); + setMyRows(sortedRows); + } else if (columnName === 'isbn') { + const sortedRows = orderBy(myRows, ['isbn'], [order]); + setMyRows(sortedRows); + } else if (columnName === 'edition') { + const sortedRows = orderBy(myRows, ['edition'], [order]); + setMyRows(sortedRows); + } + }; + + //Check if ISBN is valid + const handleISBNChange = (event) => { + const value = event.target.value; + setIsbn(value); + + if (ISBN.Validate(value)) { + setError(false); + } else { + setError(true); + } + }; + + //adds the review for each book + const handleBookReview = () => { + const updatedRows = myRows.map((book) => { + if (book.name === bookName) { + return { + ...book, + reviews: [ + ...book.reviews, + { starRating: rating, textReview: bookReview }, + ], + }; + } else if (book.name !== bookName) { + return { ...book }; + } + }); + setMyRows([...updatedRows]); + handleReviewAdded(true); + setBookReview(''); + setRating(0); + }; + + const onPointerMove = (value, index) => { + setRating(value); + }; + + const starGenerator = (count) => { + const stars = []; + for (let i = 1; i <= count; i++) { + stars.push(); + } + return stars; + }; + + React.useEffect(() => { + const filteredRow = () => { + if (filter) { + //searching can be improved + const newRow = rows.filter( + (row) => + (filter && row.name.includes(filter)) || + (row.category && row.category.includes(filter)) || + row.author.includes(filter) + ); + + if (newRow.length > 0) { + setMyRows(newRow); + } else { + setMyRows(rows); + } + } else { + setMyRows(rows); + } + }; + + filteredRow(); + }, [filter]); + + return ( + <> + + + + + {/* //book review modal start// */} + { + handleReviewModal(false); + }} + > + + + Review for {bookName} + + + + + { + setBookReview(e.target.value); + }} + /> + + {isReviewAdded ? ( + <> + + + ) : ( + <> + + + )} + + + {/* //book review modal end// //book read review modal start// */} +
+ { + setEnableReviewModal(false); + }} + aria-labelledby='alert-dialog-title' + aria-describedby='alert-dialog-description' + > + + Reading reviews of {book?.name} + + + + + {book?.reviews?.length > 0 ? ( + book?.reviews?.map((item, index) => { + return ( +
+ {starGenerator(item?.starRating)} + + {item?.textReview} + +
+ ); + }) + ) : ( + + There are no reviews yet for{' '} + {book?.name} + + )} + + + + + + +
+ {/* //book read reviews modal end// */} + { + handleModalBox(false); + }} + > + + + Add Item to table + +
{ + addItemToTable(e); + }} + > + { + setName(e.target.value); + }} + defaultValue='' + /> + { + setAuthor(e.target.value); + }} + fullWidth + style={{ marginTop: '10px' }} + /> + { + setAuthor(e.target.value); + }} + fullWidth + style={{ marginTop: '10px' }} + /> + { + setPublisher(e.target.value); + }} + fullWidth + style={{ marginTop: '10px' }} + /> + + + { + setEdition(e.target.value); + }} + fullWidth + style={{ marginTop: '10px' }} + /> + {isAdded ? ( + <> + + + ) : ( + <> + + + )} + +
+ + + + + + Action + + { + setSortOrder(!sortOrder); + setSortingColumn('title'); + handleSort( + 'title', + sortOrder ? 'asc' : 'desc' + ); + }} + > + Title + + + + { + setSortOrder(!sortOrder); + setSortingColumn('author'); + handleSort( + 'author', + sortOrder ? 'asc' : 'desc' + ); + }} + > + Author + {' '} + + + {' '} + { + setSortOrder(!sortOrder); + setSortingColumn('category'); + handleSort( + 'category', + sortOrder ? 'asc' : 'desc' + ); + }} + > + Category + {' '} + + + {' '} + { + setSortOrder(!sortOrder); + setSortingColumn('publisher'); + handleSort( + 'publisher', + sortOrder ? 'asc' : 'desc' + ); + }} + > + Publisher + {' '} + + + {' '} + { + setSortOrder(!sortOrder); + setSortingColumn('isbn'); + handleSort( + 'isbn', + sortOrder ? 'asc' : 'desc' + ); + }} + > + ISBN + + + + {' '} + { + setSortOrder(!sortOrder); + setSortingColumn('year'); + handleSort( + 'year', + sortOrder ? 'asc' : 'desc' + ); + }} + > + Year + {' '} + + + { + setSortOrder(!sortOrder); + setSortingColumn('edition'); + handleSort( + 'edition', + sortOrder ? 'asc' : 'desc' + ); + }} + > + Edition + + + Review + + + + {myRows.map((row) => ( + + + {myRows.indexOf(row) === + myRows.length - 1 ? ( + { + handleModalBox(true); + }} + /> + ) : ( + <> + )} + + { + removeBookByName(row); + }} + /> + + + {row.name} + + + {row.author} + + + {row.category} + + + {row.publisher} + + {row.isbn} + {row.year} + + {row.edition} + + + + + + + ))} + +
+ + + ); +} + +Library.propTypes = { + filter: PropTypes.string, +}; diff --git a/src/components/Login/Login.jsx b/src/components/Login/Login.jsx index 6ed986e..e69de29 100644 --- a/src/components/Login/Login.jsx +++ b/src/components/Login/Login.jsx @@ -1 +0,0 @@ -import * as React from 'react'; diff --git a/src/components/Register/Register.jsx b/src/components/Register/Register.jsx index 6ed986e..e69de29 100644 --- a/src/components/Register/Register.jsx +++ b/src/components/Register/Register.jsx @@ -1 +0,0 @@ -import * as React from 'react'; diff --git a/src/components/SearchPopup/PopupState.jsx b/src/components/SearchPopup/PopupState.jsx index e805457..90df23a 100644 --- a/src/components/SearchPopup/PopupState.jsx +++ b/src/components/SearchPopup/PopupState.jsx @@ -1,14 +1,11 @@ import * as React from 'react'; -import Typography from '@mui/material/Typography'; -import Button from '@mui/material/Button'; import Popper from '@mui/material/Popper'; import PopupState, { bindToggle, bindPopper } from 'material-ui-popup-state'; import Fade from '@mui/material/Fade'; import Paper from '@mui/material/Paper'; import SearchIcon from '@mui/icons-material/Search'; -import { size } from 'lodash'; -import { Fullscreen } from '@mui/icons-material'; import ArrowBackIosIcon from '@mui/icons-material/ArrowBackIos'; +import PropTypes from 'prop-types'; export default function PopperPopupState({ isDarkMode, @@ -80,3 +77,10 @@ export default function PopperPopupState({ ); } + +PopperPopupState.propTypes = { + matches: PropTypes.bool, + filter: PropTypes.string, + setFilter: PropTypes.func, + isDarkMode: PropTypes.bool, +}; diff --git a/src/components/SideNav/SideNav.jsx b/src/components/SideNav/SideNav.jsx index 866220f..0a71e4c 100644 --- a/src/components/SideNav/SideNav.jsx +++ b/src/components/SideNav/SideNav.jsx @@ -12,10 +12,8 @@ import MenuIcon from '@mui/icons-material/Menu'; import IconButton from '@mui/material/IconButton'; import BookIcon from '@mui/icons-material/Book'; import CategoryIcon from '@mui/icons-material/Category'; -import SchoolIcon from '@mui/icons-material/School'; import ExpandLess from '@mui/icons-material/ExpandLess'; import ExpandMore from '@mui/icons-material/ExpandMore'; -import PsychologyIcon from '@mui/icons-material/Psychology'; import WebIcon from '@mui/icons-material/Web'; import LayersIcon from '@mui/icons-material/Layers'; import DesignServicesIcon from '@mui/icons-material/DesignServices'; @@ -23,6 +21,7 @@ import CodeIcon from '@mui/icons-material/Code'; import DataObjectIcon from '@mui/icons-material/DataObject'; import LibraryBooksIcon from '@mui/icons-material/LibraryBooks'; import BugReportIcon from '@mui/icons-material/BugReport'; +import PropTypes from 'prop-types'; export default function SideNav({ setfilter }) { const [isDrawerOpen, setIsDrawerOpen] = useState(false); @@ -46,6 +45,17 @@ export default function SideNav({ setfilter }) { (isItemExpanded[label] ? : )} ); + + MenuButton.propTypes = { + buttonProps: PropTypes.shape({ + onClick: PropTypes.func, + }), + name: PropTypes.string, + label: PropTypes.string, + icon: PropTypes.object, + expandable: PropTypes.bool, + }; + const setFilter = (val) => { setIsDrawerOpen(false); setfilter(val); @@ -246,3 +256,7 @@ export default function SideNav({ setfilter }) { ); } + +SideNav.propTypes = { + setfilter: PropTypes.func, +};