diff --git a/components/BottomNav.js b/components/BottomNav.js
index 7f2e568..62dd639 100644
--- a/components/BottomNav.js
+++ b/components/BottomNav.js
@@ -13,28 +13,6 @@ import {
const BottomNav = (props) => {
const router = useRouter();
const [activeTabs, setActiveTabs] = useState(props.name);
- // useEffect(() => {
- // switch (activeTabs) {
- // case "library":
- // // router.push("/authenticate");
- // console.log("library");
- // // router.push("/");
- // break;
- // case "search":
- // // router.push("/");
- // console.log("search");
- // // router.push("/authenticate");
- // break;
- // case "wishlist":
- // console.log("wishlist");
- // // router.push("/authenticate");
- // break;
- // default:
- // console.log("default");
- // // router.push("/");
- // break;
- // }
- // }, [activeTabs, router]);
return (
diff --git a/components/BottomNav.module.css b/components/BottomNav.module.css
index 8439674..140817c 100644
--- a/components/BottomNav.module.css
+++ b/components/BottomNav.module.css
@@ -1,7 +1,7 @@
.bottomNav {
width: 100%;
height: 7%;
- position: fixed;
+ position: absolute;
bottom: 0;
padding-top: 8px;
/* border-top: 1px solid #000; */
@@ -21,3 +21,7 @@
justify-content: center;
align-items: center;
}
+
+.shadow {
+ box-shadow: 0 4px 14px 0 rgb(0 118 255 / 39%);
+}
diff --git a/components/Button.module.css b/components/Button.module.css
new file mode 100644
index 0000000..e69de29
diff --git a/components/Link.js b/components/Link.js
index 0cfa991..a5dde0a 100644
--- a/components/Link.js
+++ b/components/Link.js
@@ -1,99 +1,27 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { useRouter } from 'next/router';
-import NextLink from 'next/link';
-import MuiLink from '@mui/material/Link';
-import { styled } from '@mui/material/styles';
+import NextLink from "next/link";
+import { useRouter } from "next/router";
-// Add support for the sx prop for consistency with the other branches.
-const Anchor = styled('a')({});
-
-export const NextLinkComposed = React.forwardRef(function NextLinkComposed(props, ref) {
- const { to, linkAs, href, replace, scroll, shallow, prefetch, locale, ...other } = props;
-
- return (
-
-
-
- );
-});
-
-NextLinkComposed.propTypes = {
- href: PropTypes.any,
- linkAs: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
- locale: PropTypes.string,
- passHref: PropTypes.bool,
- prefetch: PropTypes.bool,
- replace: PropTypes.bool,
- scroll: PropTypes.bool,
- shallow: PropTypes.bool,
- to: PropTypes.oneOfType([PropTypes.object, PropTypes.string]).isRequired,
-};
-
-// A styled version of the Next.js Link component:
-// https://nextjs.org/docs/api-reference/next/link
-const Link = React.forwardRef(function Link(props, ref) {
- const {
- activeClassName = 'active',
- as: linkAs,
- className: classNameProps,
+export function Link({
href,
- noLinkStyle,
- role, // Link don't have roles.
- ...other
- } = props;
-
- const router = useRouter();
- const pathname = typeof href === 'string' ? href : href.pathname;
- const className = clsx(classNameProps, {
- [activeClassName]: router.pathname === pathname && activeClassName,
- });
-
- const isExternal =
- typeof href === 'string' && (href.indexOf('http') === 0 || href.indexOf('mailto:') === 0);
-
- if (isExternal) {
- if (noLinkStyle) {
- return
;
+ activeClassName,
+ inactiveClassName,
+ className,
+ children,
+ ...rest
+}) {
+ const router = useRouter();
+
+ let currentClassName = className;
+ let isActive = router.pathname === href;
+ if (isActive) {
+ currentClassName += ` ${activeClassName}`;
+ } else {
+ currentClassName += ` ${inactiveClassName}`;
}
- return
;
- }
-
- if (noLinkStyle) {
- return
;
- }
-
- return (
-
- );
-});
-
-Link.propTypes = {
- activeClassName: PropTypes.string,
- as: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
- className: PropTypes.string,
- href: PropTypes.any,
- linkAs: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
- noLinkStyle: PropTypes.bool,
- role: PropTypes.string,
-};
-
-export default Link;
+ return (
+
+ {children({ isActive })}
+
+ );
+}
diff --git a/components/SignIn.js b/components/SignIn.js
index c0ed74d..f4f7fe4 100644
--- a/components/SignIn.js
+++ b/components/SignIn.js
@@ -1,16 +1,7 @@
import * as React from "react";
-import Avatar from "@mui/material/Avatar";
import Button from "@mui/material/Button";
-import CssBaseline from "@mui/material/CssBaseline";
import TextField from "@mui/material/TextField";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import Checkbox from "@mui/material/Checkbox";
-import Link from "@mui/material/Link";
-import Grid from "@mui/material/Grid";
import Box from "@mui/material/Box";
-import LockOutlinedIcon from "@mui/icons-material/LockOutlined";
-import Typography from "@mui/material/Typography";
-import Container from "@mui/material/Container";
import { createTheme, ThemeProvider } from "@mui/material/styles";
const theme = createTheme();
@@ -27,48 +18,48 @@ export default function SignIn() {
};
return (
-
-
-
-
-
+ //
+
+
+
+
+
+
+
+ //
);
}
diff --git a/components/SignUp.js b/components/SignUp.js
index 8769529..1fae3bd 100644
--- a/components/SignUp.js
+++ b/components/SignUp.js
@@ -1,16 +1,9 @@
import * as React from "react";
-import Avatar from "@mui/material/Avatar";
import Button from "@mui/material/Button";
-import CssBaseline from "@mui/material/CssBaseline";
import TextField from "@mui/material/TextField";
-import FormControlLabel from "@mui/material/FormControlLabel";
-import Checkbox from "@mui/material/Checkbox";
import Link from "@mui/material/Link";
-import Grid from "@mui/material/Grid";
import Box from "@mui/material/Box";
-import LockOutlinedIcon from "@mui/icons-material/LockOutlined";
import Typography from "@mui/material/Typography";
-import Container from "@mui/material/Container";
import { createTheme, ThemeProvider } from "@mui/material/styles";
function Copyright(props) {
@@ -62,7 +55,6 @@ export default function SignUp() {
label="First Name"
name="name"
autoComplete="name"
- autoFocus
variant="outlined"
/>
= 10"
- }
- },
- "node_modules/@next/swc-darwin-arm64": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.1.0.tgz",
- "integrity": "sha512-R8vcXE2/iONJ1Unf5Ptqjk6LRW3bggH+8drNkkzH4FLEQkHtELhvcmJwkXcuipyQCsIakldAXhRbZmm3YN1vXg==",
- "cpu": [
- "arm64"
- ],
- "optional": true,
- "os": [
- "darwin"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-darwin-x64": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.1.0.tgz",
- "integrity": "sha512-ieAz0/J0PhmbZBB8+EA/JGdhRHBogF8BWaeqR7hwveb6SYEIJaDNQy0I+ZN8gF8hLj63bEDxJAs/cEhdnTq+ug==",
- "cpu": [
- "x64"
- ],
- "optional": true,
- "os": [
- "darwin"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-linux-arm-gnueabihf": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.1.0.tgz",
- "integrity": "sha512-njUd9hpl6o6A5d08dC0cKAgXKCzm5fFtgGe6i0eko8IAdtAPbtHxtpre3VeSxdZvuGFh+hb0REySQP9T1ttkog==",
- "cpu": [
- "arm"
- ],
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-linux-arm64-gnu": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.1.0.tgz",
- "integrity": "sha512-OqangJLkRxVxMhDtcb7Qn1xjzFA3s50EIxY7mljbSCLybU+sByPaWAHY4px97ieOlr2y4S0xdPKkQ3BCAwyo6Q==",
- "cpu": [
- "arm64"
- ],
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-linux-arm64-musl": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.1.0.tgz",
- "integrity": "sha512-hB8cLSt4GdmOpcwRe2UzI5UWn6HHO/vLkr5OTuNvCJ5xGDwpPXelVkYW/0+C3g5axbDW2Tym4S+MQCkkH9QfWA==",
- "cpu": [
- "arm64"
- ],
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-linux-x64-gnu": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.1.0.tgz",
- "integrity": "sha512-OKO4R/digvrVuweSw/uBM4nSdyzsBV5EwkUeeG4KVpkIZEe64ZwRpnFB65bC6hGwxIBnTv5NMSnJ+0K/WmG78A==",
- "cpu": [
- "x64"
- ],
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-linux-x64-musl": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.1.0.tgz",
- "integrity": "sha512-JohhgAHZvOD3rQY7tlp7NlmvtvYHBYgY0x5ZCecUT6eCCcl9lv6iV3nfu82ErkxNk1H893fqH0FUpznZ/H3pSw==",
- "cpu": [
- "x64"
- ],
- "optional": true,
- "os": [
- "linux"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-win32-arm64-msvc": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.1.0.tgz",
- "integrity": "sha512-T/3gIE6QEfKIJ4dmJk75v9hhNiYZhQYAoYm4iVo1TgcsuaKLFa+zMPh4056AHiG6n9tn2UQ1CFE8EoybEsqsSw==",
- "cpu": [
- "arm64"
- ],
- "optional": true,
- "os": [
- "win32"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-win32-ia32-msvc": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.1.0.tgz",
- "integrity": "sha512-iwnKgHJdqhIW19H9PRPM9j55V6RdcOo6rX+5imx832BCWzkDbyomWnlzBfr6ByUYfhohb8QuH4hSGEikpPqI0Q==",
- "cpu": [
- "ia32"
- ],
- "optional": true,
- "os": [
- "win32"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/@next/swc-win32-x64-msvc": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.1.0.tgz",
- "integrity": "sha512-aBvcbMwuanDH4EMrL2TthNJy+4nP59Bimn8egqv6GHMVj0a44cU6Au4PjOhLNqEh9l+IpRGBqMTzec94UdC5xg==",
- "cpu": [
- "x64"
- ],
- "optional": true,
- "os": [
- "win32"
- ],
- "engines": {
- "node": ">= 10"
- }
- },
- "node_modules/caniuse-lite": {
- "version": "1.0.30001312",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz",
- "integrity": "sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ==",
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/browserslist"
- }
- },
- "node_modules/js-tokens": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
- "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
- },
- "node_modules/loose-envify": {
- "version": "1.4.0",
- "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
- "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
- "dependencies": {
- "js-tokens": "^3.0.0 || ^4.0.0"
- },
- "bin": {
- "loose-envify": "cli.js"
- }
- },
- "node_modules/nanoid": {
- "version": "3.3.1",
- "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
- "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw==",
- "bin": {
- "nanoid": "bin/nanoid.cjs"
- },
- "engines": {
- "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
- }
- },
- "node_modules/next": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/next/-/next-12.1.0.tgz",
- "integrity": "sha512-s885kWvnIlxsUFHq9UGyIyLiuD0G3BUC/xrH0CEnH5lHEWkwQcHOORgbDF0hbrW9vr/7am4ETfX4A7M6DjrE7Q==",
- "dependencies": {
- "@next/env": "12.1.0",
- "caniuse-lite": "^1.0.30001283",
- "postcss": "8.4.5",
- "styled-jsx": "5.0.0",
- "use-subscription": "1.5.1"
- },
- "bin": {
- "next": "dist/bin/next"
- },
- "engines": {
- "node": ">=12.22.0"
- },
- "optionalDependencies": {
- "@next/swc-android-arm64": "12.1.0",
- "@next/swc-darwin-arm64": "12.1.0",
- "@next/swc-darwin-x64": "12.1.0",
- "@next/swc-linux-arm-gnueabihf": "12.1.0",
- "@next/swc-linux-arm64-gnu": "12.1.0",
- "@next/swc-linux-arm64-musl": "12.1.0",
- "@next/swc-linux-x64-gnu": "12.1.0",
- "@next/swc-linux-x64-musl": "12.1.0",
- "@next/swc-win32-arm64-msvc": "12.1.0",
- "@next/swc-win32-ia32-msvc": "12.1.0",
- "@next/swc-win32-x64-msvc": "12.1.0"
- },
- "peerDependencies": {
- "fibers": ">= 3.1.0",
- "node-sass": "^6.0.0 || ^7.0.0",
- "react": "^17.0.2 || ^18.0.0-0",
- "react-dom": "^17.0.2 || ^18.0.0-0",
- "sass": "^1.3.0"
- },
- "peerDependenciesMeta": {
- "fibers": {
- "optional": true
- },
- "node-sass": {
- "optional": true
- },
- "sass": {
- "optional": true
- }
- }
- },
- "node_modules/object-assign": {
- "version": "4.1.1",
- "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
- "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
- "engines": {
- "node": ">=0.10.0"
- }
- },
- "node_modules/picocolors": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
- "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
- },
- "node_modules/postcss": {
- "version": "8.4.5",
- "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
- "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
- "dependencies": {
- "nanoid": "^3.1.30",
- "picocolors": "^1.0.0",
- "source-map-js": "^1.0.1"
- },
- "engines": {
- "node": "^10 || ^12 || >=14"
- },
- "funding": {
- "type": "opencollective",
- "url": "https://opencollective.com/postcss/"
- }
- },
- "node_modules/react": {
- "version": "17.0.2",
- "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
- "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
- "dependencies": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1"
- },
- "engines": {
- "node": ">=0.10.0"
- }
- },
- "node_modules/react-dom": {
- "version": "17.0.2",
- "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
- "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
- "dependencies": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1",
- "scheduler": "^0.20.2"
- },
- "peerDependencies": {
- "react": "17.0.2"
- }
- },
- "node_modules/scheduler": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
- "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
- "dependencies": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1"
- }
- },
- "node_modules/source-map-js": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
- "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
- "engines": {
- "node": ">=0.10.0"
- }
- },
- "node_modules/styled-jsx": {
- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.0.0.tgz",
- "integrity": "sha512-qUqsWoBquEdERe10EW8vLp3jT25s/ssG1/qX5gZ4wu15OZpmSMFI2v+fWlRhLfykA5rFtlJ1ME8A8pm/peV4WA==",
- "engines": {
- "node": ">= 12.0.0"
- },
- "peerDependencies": {
- "react": ">= 16.8.0 || 17.x.x || 18.x.x"
- },
- "peerDependenciesMeta": {
- "@babel/core": {
- "optional": true
- },
- "babel-plugin-macros": {
- "optional": true
- }
- }
- },
- "node_modules/use-subscription": {
- "version": "1.5.1",
- "resolved": "https://registry.npmjs.org/use-subscription/-/use-subscription-1.5.1.tgz",
- "integrity": "sha512-Xv2a1P/yReAjAbhylMfFplFKj9GssgTwN7RlcTxBujFQcloStWNDQdc4g4NRWH9xS4i/FDk04vQBptAXoF3VcA==",
- "dependencies": {
- "object-assign": "^4.1.1"
- },
- "peerDependencies": {
- "react": "^16.8.0 || ^17.0.0"
- }
- }
- },
- "dependencies": {
- "@next/env": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/env/-/env-12.1.0.tgz",
- "integrity": "sha512-nrIgY6t17FQ9xxwH3jj0a6EOiQ/WDHUos35Hghtr+SWN/ntHIQ7UpuvSi0vaLzZVHQWaDupKI+liO5vANcDeTQ=="
- },
- "@next/swc-android-arm64": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-android-arm64/-/swc-android-arm64-12.1.0.tgz",
- "integrity": "sha512-/280MLdZe0W03stA69iL+v6I+J1ascrQ6FrXBlXGCsGzrfMaGr7fskMa0T5AhQIVQD4nA/46QQWxG//DYuFBcA==",
- "optional": true
- },
- "@next/swc-darwin-arm64": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-12.1.0.tgz",
- "integrity": "sha512-R8vcXE2/iONJ1Unf5Ptqjk6LRW3bggH+8drNkkzH4FLEQkHtELhvcmJwkXcuipyQCsIakldAXhRbZmm3YN1vXg==",
- "optional": true
- },
- "@next/swc-darwin-x64": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-12.1.0.tgz",
- "integrity": "sha512-ieAz0/J0PhmbZBB8+EA/JGdhRHBogF8BWaeqR7hwveb6SYEIJaDNQy0I+ZN8gF8hLj63bEDxJAs/cEhdnTq+ug==",
- "optional": true
- },
- "@next/swc-linux-arm-gnueabihf": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm-gnueabihf/-/swc-linux-arm-gnueabihf-12.1.0.tgz",
- "integrity": "sha512-njUd9hpl6o6A5d08dC0cKAgXKCzm5fFtgGe6i0eko8IAdtAPbtHxtpre3VeSxdZvuGFh+hb0REySQP9T1ttkog==",
- "optional": true
- },
- "@next/swc-linux-arm64-gnu": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-12.1.0.tgz",
- "integrity": "sha512-OqangJLkRxVxMhDtcb7Qn1xjzFA3s50EIxY7mljbSCLybU+sByPaWAHY4px97ieOlr2y4S0xdPKkQ3BCAwyo6Q==",
- "optional": true
- },
- "@next/swc-linux-arm64-musl": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-12.1.0.tgz",
- "integrity": "sha512-hB8cLSt4GdmOpcwRe2UzI5UWn6HHO/vLkr5OTuNvCJ5xGDwpPXelVkYW/0+C3g5axbDW2Tym4S+MQCkkH9QfWA==",
- "optional": true
- },
- "@next/swc-linux-x64-gnu": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-12.1.0.tgz",
- "integrity": "sha512-OKO4R/digvrVuweSw/uBM4nSdyzsBV5EwkUeeG4KVpkIZEe64ZwRpnFB65bC6hGwxIBnTv5NMSnJ+0K/WmG78A==",
- "optional": true
- },
- "@next/swc-linux-x64-musl": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-12.1.0.tgz",
- "integrity": "sha512-JohhgAHZvOD3rQY7tlp7NlmvtvYHBYgY0x5ZCecUT6eCCcl9lv6iV3nfu82ErkxNk1H893fqH0FUpznZ/H3pSw==",
- "optional": true
- },
- "@next/swc-win32-arm64-msvc": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-12.1.0.tgz",
- "integrity": "sha512-T/3gIE6QEfKIJ4dmJk75v9hhNiYZhQYAoYm4iVo1TgcsuaKLFa+zMPh4056AHiG6n9tn2UQ1CFE8EoybEsqsSw==",
- "optional": true
- },
- "@next/swc-win32-ia32-msvc": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-12.1.0.tgz",
- "integrity": "sha512-iwnKgHJdqhIW19H9PRPM9j55V6RdcOo6rX+5imx832BCWzkDbyomWnlzBfr6ByUYfhohb8QuH4hSGEikpPqI0Q==",
- "optional": true
- },
- "@next/swc-win32-x64-msvc": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-12.1.0.tgz",
- "integrity": "sha512-aBvcbMwuanDH4EMrL2TthNJy+4nP59Bimn8egqv6GHMVj0a44cU6Au4PjOhLNqEh9l+IpRGBqMTzec94UdC5xg==",
- "optional": true
- },
- "caniuse-lite": {
- "version": "1.0.30001312",
- "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001312.tgz",
- "integrity": "sha512-Wiz1Psk2MEK0pX3rUzWaunLTZzqS2JYZFzNKqAiJGiuxIjRPLgV6+VDPOg6lQOUxmDwhTlh198JsTTi8Hzw6aQ=="
- },
- "js-tokens": {
- "version": "4.0.0",
- "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
- "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="
- },
- "loose-envify": {
- "version": "1.4.0",
- "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
- "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
- "requires": {
- "js-tokens": "^3.0.0 || ^4.0.0"
- }
- },
- "nanoid": {
- "version": "3.3.1",
- "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.1.tgz",
- "integrity": "sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw=="
- },
- "next": {
- "version": "12.1.0",
- "resolved": "https://registry.npmjs.org/next/-/next-12.1.0.tgz",
- "integrity": "sha512-s885kWvnIlxsUFHq9UGyIyLiuD0G3BUC/xrH0CEnH5lHEWkwQcHOORgbDF0hbrW9vr/7am4ETfX4A7M6DjrE7Q==",
- "requires": {
- "@next/env": "12.1.0",
- "@next/swc-android-arm64": "12.1.0",
- "@next/swc-darwin-arm64": "12.1.0",
- "@next/swc-darwin-x64": "12.1.0",
- "@next/swc-linux-arm-gnueabihf": "12.1.0",
- "@next/swc-linux-arm64-gnu": "12.1.0",
- "@next/swc-linux-arm64-musl": "12.1.0",
- "@next/swc-linux-x64-gnu": "12.1.0",
- "@next/swc-linux-x64-musl": "12.1.0",
- "@next/swc-win32-arm64-msvc": "12.1.0",
- "@next/swc-win32-ia32-msvc": "12.1.0",
- "@next/swc-win32-x64-msvc": "12.1.0",
- "caniuse-lite": "^1.0.30001283",
- "postcss": "8.4.5",
- "styled-jsx": "5.0.0",
- "use-subscription": "1.5.1"
- }
- },
- "object-assign": {
- "version": "4.1.1",
- "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
- "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM="
- },
- "picocolors": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
- "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
- },
- "postcss": {
- "version": "8.4.5",
- "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.5.tgz",
- "integrity": "sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg==",
- "requires": {
- "nanoid": "^3.1.30",
- "picocolors": "^1.0.0",
- "source-map-js": "^1.0.1"
- }
- },
- "react": {
- "version": "17.0.2",
- "resolved": "https://registry.npmjs.org/react/-/react-17.0.2.tgz",
- "integrity": "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA==",
- "requires": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1"
- }
- },
- "react-dom": {
- "version": "17.0.2",
- "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-17.0.2.tgz",
- "integrity": "sha512-s4h96KtLDUQlsENhMn1ar8t2bEa+q/YAtj8pPPdIjPDGBDIVNsrD9aXNWqspUe6AzKCIG0C1HZZLqLV7qpOBGA==",
- "requires": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1",
- "scheduler": "^0.20.2"
- }
- },
- "scheduler": {
- "version": "0.20.2",
- "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.20.2.tgz",
- "integrity": "sha512-2eWfGgAqqWFGqtdMmcL5zCMK1U8KlXv8SQFGglL3CEtd0aDVDWgeF/YoCmvln55m5zSk3J/20hTaSBeSObsQDQ==",
- "requires": {
- "loose-envify": "^1.1.0",
- "object-assign": "^4.1.1"
- }
- },
- "source-map-js": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
- "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw=="
- },
- "styled-jsx": {
- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.0.0.tgz",
- "integrity": "sha512-qUqsWoBquEdERe10EW8vLp3jT25s/ssG1/qX5gZ4wu15OZpmSMFI2v+fWlRhLfykA5rFtlJ1ME8A8pm/peV4WA==",
- "requires": {}
- },
- "use-subscription": {
- "version": "1.5.1",
- "resolved": "https://registry.npmjs.org/use-subscription/-/use-subscription-1.5.1.tgz",
- "integrity": "sha512-Xv2a1P/yReAjAbhylMfFplFKj9GssgTwN7RlcTxBujFQcloStWNDQdc4g4NRWH9xS4i/FDk04vQBptAXoF3VcA==",
- "requires": {
- "object-assign": "^4.1.1"
- }
- }
- }
-}
diff --git a/package.json b/package.json
index 6c25a79..304a52a 100644
--- a/package.json
+++ b/package.json
@@ -7,20 +7,18 @@
"lint": "next lint"
},
"dependencies": {
- "@emotion/react": "^11.8.1",
- "@emotion/styled": "^11.8.1",
- "@mui/icons-material": "^5.4.4",
- "@mui/lab": "^5.0.0-alpha.71",
- "@mui/material": "^5.4.4",
- "formik": "^2.2.9",
- "formik-mui": "^4.0.0-alpha.3",
- "next": "latest",
- "react": "17.0.2",
- "react-dom": "17.0.2",
- "react-feather": "^2.0.9",
+ "@tailwindcss/ui": "^0.3.1",
+ "date-fns": "^2.15.0",
+ "faker": "^4.1.0",
+ "miragejs": "^0.1.40",
+ "next": "9.4.4",
+ "postcss-preset-env": "^6.7.0",
+ "react": "16.13.1",
+ "react-dom": "16.13.1",
"react-ionicons": "^4.2.0",
"styled-components": "^5.3.3",
- "yup": "^0.32.11"
+ "swr": "^0.2.3",
+ "tailwindcss": "^1.5.1"
},
"devDependencies": {
"eslint": "8.10.0",
diff --git a/pages/_app.js b/pages/_app.js
index eca83b2..5928d36 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,5 +1,217 @@
-import "../styles/global.css";
+import "tailwindcss/tailwind.css";
+import { Link } from "../components/Link";
+import {
+ Book,
+ BookOutline,
+ Search,
+ SearchOutline,
+ Heart,
+ HeartOutline,
+} from "react-ionicons";
-export default function MyApp({ Component, pageProps }) {
- return ;
+function MyApp({ Component, pageProps }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+function HomeIcon({ className }) {
+ return (
+
+ );
+}
+function HomeIconEmpty({ className }) {
+ return (
+
+ );
+}
+function SearchIcon({ className }) {
+ return (
+
+ );
}
+function SearchIconEmpty({ className }) {
+ return (
+
+ );
+}
+function BellIcon({ className }) {
+ return (
+
+ );
+}
+function BellIconEmpty({ className }) {
+ return (
+
+ );
+}
+function MailboxIcon({ className }) {
+ return (
+
+ );
+}
+function MailboxIconEmpty({ className }) {
+ return (
+
+ );
+}
+
+export default MyApp;
diff --git a/pages/_document.js b/pages/_document.js
deleted file mode 100644
index b518872..0000000
--- a/pages/_document.js
+++ /dev/null
@@ -1,36 +0,0 @@
-import Document, { Html, Head, Main, NextScript } from "next/document";
-
-class MyDocument extends Document {
- static async getInitialProps(ctx) {
- const initialProps = await Document.getInitialProps(ctx);
- return { ...initialProps };
- }
-
- render() {
- return (
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
-
-export default MyDocument;
diff --git a/pages/authenticate.js b/pages/authenticate.js
index 4caf74c..a1c66b0 100644
--- a/pages/authenticate.js
+++ b/pages/authenticate.js
@@ -11,6 +11,13 @@ import {
CustomTabsList,
} from "../components/CustomTab";
import Image from "next/image";
+import Tab from "@mui/material/Tab";
+import TabContext from "@mui/lab/TabContext";
+import TabList from "@mui/lab/TabList";
+import TabPanel from "@mui/lab/TabPanel";
+import Box from "@mui/material/Box";
+import Button from "@mui/material/Button";
+import TextField from "@mui/material/TextField";
function AuthPage(props) {
const [value, setValue] = React.useState("1");
@@ -33,6 +40,7 @@ function AuthPage(props) {
-