Skip to content

Commit

Permalink
running Prettier on this commit
Browse files Browse the repository at this point in the history
  • Loading branch information
@gbowne1
gbowne1 committed Jul 24, 2023
1 parent 6e9232b commit 3efcce2
Show file tree
Hide file tree
Showing 16 changed files with 399 additions and 8,413 deletions.
8,081 changes: 21 additions & 8,060 deletions package-lock.json
View file

Large diffs are not rendered by default.

11 changes: 10 additions & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@

{
"name": "codebooker",
"version": "0.1.0",
Expand Down Expand Up @@ -53,5 +54,13 @@
"main": "svgr.config.js",
"keywords": [],
"author": "Gregory K Bowne",
"license": "MIT"
"license": "MIT",
"devDependencies": {
"eslint": "^8.45.0",
"eslint-config-prettier": "^8.8.0",
"eslint-config-react-app": "^7.0.1",
"eslint-plugin-prettier": "^5.0.0",
"eslint-plugin-react": "^7.33.0",
"prettier": "^3.0.0"
}
}
220 changes: 113 additions & 107 deletions src/App.js
View file
Original file line number Diff line number Diff line change
@@ -1,128 +1,134 @@
import * as React from 'react';
import {
styled,
alpha,
ThemeProvider,
createTheme,
} from "@mui/material/styles";
import AppBar from "@mui/material/AppBar";
import Box from "@mui/material/Box";
import Toolbar from "@mui/material/Toolbar";
import Typography from "@mui/material/Typography";
import Button from "@mui/material/Button";
import IconButton from "@mui/material/IconButton";
import MenuIcon from "@mui/icons-material/Menu";
import AccountCircle from "@mui/icons-material/AccountCircle";
import Switch from "@mui/material/Switch";
import FormControlLabel from "@mui/material/FormControlLabel";
import FormGroup from "@mui/material/FormGroup";
import MenuItem from "@mui/material/MenuItem";
import Menu from "@mui/material/Menu";
import MailIcon from "@mui/icons-material/Mail";
import NotificationsIcon from "@mui/icons-material/Notifications";
import MoreIcon from "@mui/icons-material/MoreVert";
import Container from "@mui/material/Container";
import SettingsIcon from "@mui/icons-material/Settings";
import Avatar from "@mui/material/Avatar";
import AdbIcon from "@mui/icons-material/Adb";
import InputBase from "@mui/material/InputBase";
import SearchIcon from "@mui/icons-material/Search";
import CssBaseline from "@mui/material/CssBaseline";
import Divider from "@mui/material/Divider";
import List from "@mui/material/List";
import ListItem from "@mui/material/ListItem";
import ListItemButton from "@mui/material/ListItemButton";
import ListItemText from "@mui/material/ListItemText";
import Paper from "@mui/material/Paper";
import Fab from "@mui/material/Fab";
import ListItemAvatar from "@mui/material/ListItemAvatar";
import ListSubheader from "@mui/material/ListSubheader";
import useScrollTrigger from "@mui/material/useScrollTrigger";
import Rating from "@mui/material/Rating";
import Slide from "@mui/material/Slide";
import Library from "./components/Library/Library";
import logo from "./logo.svg";
import "./App.css";
import SideNav from "./components/SideNav/SideNav";
import BookSearch from "./components/BookSearch/BookSearch";
import Setting from "./components/SettingIcon/Setting";
import Dropdown from "./components/Dropdown/Dropdown";
styled,
alpha,
ThemeProvider,
createTheme,
} from '@mui/material/styles';
import AppBar from '@mui/material/AppBar';
import Box from '@mui/material/Box';
import Toolbar from '@mui/material/Toolbar';
import Typography from '@mui/material/Typography';
import Button from '@mui/material/Button';
import IconButton from '@mui/material/IconButton';
import MenuIcon from '@mui/icons-material/Menu';
import AccountCircle from '@mui/icons-material/AccountCircle';
import Switch from '@mui/material/Switch';
import FormControlLabel from '@mui/material/FormControlLabel';
import FormGroup from '@mui/material/FormGroup';
import MenuItem from '@mui/material/MenuItem';
import Menu from '@mui/material/Menu';
import MailIcon from '@mui/icons-material/Mail';
import NotificationsIcon from '@mui/icons-material/Notifications';
import MoreIcon from '@mui/icons-material/MoreVert';
import Container from '@mui/material/Container';
import SettingsIcon from '@mui/icons-material/Settings';
import Avatar from '@mui/material/Avatar';
import AdbIcon from '@mui/icons-material/Adb';
import InputBase from '@mui/material/InputBase';
import SearchIcon from '@mui/icons-material/Search';
import CssBaseline from '@mui/material/CssBaseline';
import Divider from '@mui/material/Divider';
import List from '@mui/material/List';
import ListItem from '@mui/material/ListItem';
import ListItemButton from '@mui/material/ListItemButton';
import ListItemText from '@mui/material/ListItemText';
import Paper from '@mui/material/Paper';
import Fab from '@mui/material/Fab';
import ListItemAvatar from '@mui/material/ListItemAvatar';
import ListSubheader from '@mui/material/ListSubheader';
import useScrollTrigger from '@mui/material/useScrollTrigger';
import Rating from '@mui/material/Rating';
import Slide from '@mui/material/Slide';
import Library from './components/Library/Library';
import logo from './logo.svg';
import './App.css';
import SideNav from './components/SideNav/SideNav';
import BookSearch from './components/BookSearch/BookSearch';
import Setting from './components/SettingIcon/Setting';
import Dropdown from './components/Dropdown/Dropdown';
import useMediaQuery from '@mui/material/useMediaQuery';


const label = { inputProps: { 'aria-label': 'Color switch demo' } };

const lightTheme = createTheme({
palette: {
mode: 'light',
primary: {
main: '#1976d2',
},
secondary: {
main: '#f50057',
palette: {
mode: 'light',
primary: {
main: '#1976d2',
},
secondary: {
main: '#f50057',
},
},
},
});

const darkTheme = createTheme({
palette: {
mode: 'dark',
primary: {
main: '#90caf9',
palette: {
mode: 'dark',
primary: {
main: '#90caf9',
},
secondary: {
main: '#f48fb1',
},
},
secondary: {
main: '#f48fb1',
},
},
});


export default function App() {
const [isDarkMode, setIsDarkMode] = React.useState(false);
const [isDarkMode, setIsDarkMode] = React.useState(false);

const [filter, setFilter] = React.useState('');
const [filter, setFilter] = React.useState('');

const handleToggleDarkMode = () => {
setIsDarkMode(!isDarkMode);
};
const handleToggleDarkMode = () => {
setIsDarkMode(!isDarkMode);
};

const matches = useMediaQuery('(max-width:700px)');
const matches = useMediaQuery('(max-width:700px)');

return (
<ThemeProvider theme={isDarkMode ? darkTheme : lightTheme}>
<CssBaseline />
<div className='App'>
<Box sx={{ flexGrow: 1 }}>
<AppBar className='AppBar' position='fixed'>
<Toolbar>
<SideNav setfilter={setFilter} sx={{margin: '0px'}} />
<Typography
variant={`${matches ? 'h7' : 'h5'}`}
component="div"
sx={{ flexGrow: 1, letterSpacing: "0.009em" }}
>
CodeBooker
</Typography>
return (
<ThemeProvider theme={isDarkMode ? darkTheme : lightTheme}>
<CssBaseline />
<div className='App'>
<Box sx={{ flexGrow: 1 }}>
<AppBar className='AppBar' position='fixed'>
<Toolbar>
<SideNav
setfilter={setFilter}
sx={{ margin: '0px' }}
/>
<Typography
variant={`${matches ? 'h7' : 'h5'}`}
component='div'
sx={{ flexGrow: 1, letterSpacing: '0.009em' }}
>
CodeBooker
</Typography>

<BookSearch matches={matches} filter={filter} setFilter={setFilter} isDarkMode={isDarkMode} />
<NotificationsIcon size="small" />
<Switch
sx={{ marginLeft: '0.5rem' }}
size='small'
{...label}
inputProps={{ 'aria-label': 'controlled' }}
checked={isDarkMode}
onChange={handleToggleDarkMode}
/>
{/* <Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" /> */}
<Dropdown />
{/* <SettingsIcon style={{marginLeft:20}} /> */}
{/* <Setting /> */}
</Toolbar>
</AppBar>
</Box>
<Library filter={filter} />
</div>
</ThemeProvider>
);
<BookSearch
matches={matches}
filter={filter}
setFilter={setFilter}
isDarkMode={isDarkMode}
/>
<NotificationsIcon size='small' />
<Switch
sx={{ marginLeft: '0.5rem' }}
size='small'
{...label}
inputProps={{ 'aria-label': 'controlled' }}
checked={isDarkMode}
onChange={handleToggleDarkMode}
/>
{/* <Avatar alt="Remy Sharp" src="/static/images/avatar/1.jpg" /> */}
<Dropdown />
{/* <SettingsIcon style={{marginLeft:20}} /> */}
{/* <Setting /> */}
</Toolbar>
</AppBar>
</Box>
<Library filter={filter} />
</div>
</ThemeProvider>
);
}
6 changes: 3 additions & 3 deletions src/App.test.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@ import { render, screen } from '@testing-library/react';
import App from './App';

test('renders learn react link', () => {
render(<App />);
const linkElement = screen.getByText(/learn react/i);
expect(linkElement).toBeInTheDocument();
render(<App />);
const linkElement = screen.getByText(/learn react/i);
expect(linkElement).toBeInTheDocument();
});
Loading

0 comments on commit 3efcce2

Please sign in to comment.