From cec5df13d7fa407a3a3904019768a63629041b50 Mon Sep 17 00:00:00 2001 From: ahmad-kashkoush Date: Fri, 8 Nov 2024 11:42:27 +0200 Subject: [PATCH] style: apply Prettier formatting to existing files --- index.html | 2 +- package-lock.json | 112 +++++++++++++++ src/components/Shared/Footer.jsx | 76 +++++----- src/components/home/Hero.jsx | 54 ++++---- src/components/home/HomePage.jsx | 9 +- src/components/login/login.jsx | 84 +++++------ src/components/login/loginHeader.jsx | 40 +++--- src/components/navigation/Navbar.jsx | 32 ++--- src/components/resetpassword/PasswordSent.jsx | 66 ++++----- .../resetpassword/ResetPasswordConfirm.jsx | 92 ++++++------- .../resetpassword/ResetPasswordRequest.jsx | 104 +++++++------- src/components/settings/NavButton.jsx | 38 +++-- .../settings/SettingsNavigationBar.jsx | 37 +++-- src/components/settings/SettingsPage.jsx | 28 ++-- src/components/signup/ClickableCard.jsx | 32 ++--- src/components/signup/SignupForm.jsx | 130 +++++++++--------- src/components/signup/SignupPage.jsx | 53 +++---- src/main.jsx | 53 ++++--- src/styles/theme.js | 31 ++--- vite.config.js | 6 +- 20 files changed, 599 insertions(+), 480 deletions(-) diff --git a/index.html b/index.html index 2063fcf..fbe61e5 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + diff --git a/package-lock.json b/package-lock.json index 453c565..05e0e9c 100644 --- a/package-lock.json +++ b/package-lock.json @@ -24,6 +24,8 @@ "@types/react-dom": "^18.3.0", "@vitejs/plugin-react": "^4.3.1", "eslint": "^9.9.0", + "eslint-config-prettier": "^9.1.0", + "eslint-plugin-prettier": "^5.2.1", "eslint-plugin-react": "^7.35.0", "eslint-plugin-react-hooks": "^5.1.0-rc.0", "eslint-plugin-react-refresh": "^0.4.9", @@ -1398,6 +1400,18 @@ "node": ">= 8" } }, + "node_modules/@pkgr/core": { + "version": "0.1.1", + "resolved": "https://registry.npmjs.org/@pkgr/core/-/core-0.1.1.tgz", + "integrity": "sha512-cq8o4cWH0ibXh9VGi5P20Tu9XF/0fFXl9EUinr9QfTM7a7p0oTA4iJRCQWppXR1Pg8dSM0UCItCkPwsk9qWWYA==", + "dev": true, + "engines": { + "node": "^12.20.0 || ^14.18.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/unts" + } + }, "node_modules/@popperjs/core": { "version": "2.11.8", "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", @@ -2673,6 +2687,48 @@ } } }, + "node_modules/eslint-config-prettier": { + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/eslint-config-prettier/-/eslint-config-prettier-9.1.0.tgz", + "integrity": "sha512-NSWl5BFQWEPi1j4TjVNItzYV7dZXZ+wP6I6ZhrBGpChQhZRUaElihE9uRRkcbRnNb76UMKDF3r+WTmNcGPKsqw==", + "dev": true, + "bin": { + "eslint-config-prettier": "bin/cli.js" + }, + "peerDependencies": { + "eslint": ">=7.0.0" + } + }, + "node_modules/eslint-plugin-prettier": { + "version": "5.2.1", + "resolved": "https://registry.npmjs.org/eslint-plugin-prettier/-/eslint-plugin-prettier-5.2.1.tgz", + "integrity": "sha512-gH3iR3g4JfF+yYPaJYkN7jEl9QbweL/YfkoRlNnuIEHEz1vHVlCmWOS+eGGiRuzHQXdJFCOTxRgvju9b8VUmrw==", + "dev": true, + "dependencies": { + "prettier-linter-helpers": "^1.0.0", + "synckit": "^0.9.1" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/eslint-plugin-prettier" + }, + "peerDependencies": { + "@types/eslint": ">=8.0.0", + "eslint": ">=8.0.0", + "eslint-config-prettier": "*", + "prettier": ">=3.0.0" + }, + "peerDependenciesMeta": { + "@types/eslint": { + "optional": true + }, + "eslint-config-prettier": { + "optional": true + } + } + }, "node_modules/eslint-plugin-react": { "version": "7.36.1", "resolved": "https://registry.npmjs.org/eslint-plugin-react/-/eslint-plugin-react-7.36.1.tgz", @@ -2919,6 +2975,12 @@ "dev": true, "license": "MIT" }, + "node_modules/fast-diff": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/fast-diff/-/fast-diff-1.3.0.tgz", + "integrity": "sha512-VxPP4NqbUjj6MaAOafWeUn2cXWLcCtljklUtZf0Ind4XQ+QPtmA0b18zZy0jIQx+ExRVCR/ZQpBmik5lXshNsw==", + "dev": true + }, "node_modules/fast-json-stable-stringify": { "version": "2.1.0", "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz", @@ -4253,6 +4315,34 @@ "node": ">= 0.8.0" } }, + "node_modules/prettier": { + "version": "3.3.3", + "resolved": "https://registry.npmjs.org/prettier/-/prettier-3.3.3.tgz", + "integrity": "sha512-i2tDNA0O5IrMO757lfrdQZCc2jPNDVntV0m/+4whiDfWaTKfMNgR7Qz0NAeGz/nRqF4m5/6CLzbP4/liHt12Ew==", + "dev": true, + "peer": true, + "bin": { + "prettier": "bin/prettier.cjs" + }, + "engines": { + "node": ">=14" + }, + "funding": { + "url": "https://github.com/prettier/prettier?sponsor=1" + } + }, + "node_modules/prettier-linter-helpers": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/prettier-linter-helpers/-/prettier-linter-helpers-1.0.0.tgz", + "integrity": "sha512-GbK2cP9nraSSUF9N2XwUwqfzlAFlMNYYl+ShE/V+H8a9uNl/oUqB1w2EL54Jh0OlyRSd8RfWYJ3coVS4TROP2w==", + "dev": true, + "dependencies": { + "fast-diff": "^1.1.2" + }, + "engines": { + "node": ">=6.0.0" + } + }, "node_modules/prop-types": { "version": "15.8.1", "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz", @@ -4832,6 +4922,22 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/synckit": { + "version": "0.9.2", + "resolved": "https://registry.npmjs.org/synckit/-/synckit-0.9.2.tgz", + "integrity": "sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==", + "dev": true, + "dependencies": { + "@pkgr/core": "^0.1.0", + "tslib": "^2.6.2" + }, + "engines": { + "node": "^14.18.0 || >=16.0.0" + }, + "funding": { + "url": "https://opencollective.com/unts" + } + }, "node_modules/text-table": { "version": "0.2.0", "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz", @@ -4848,6 +4954,12 @@ "node": ">=4" } }, + "node_modules/tslib": { + "version": "2.8.1", + "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz", + "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", + "dev": true + }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", diff --git a/src/components/Shared/Footer.jsx b/src/components/Shared/Footer.jsx index 6695c02..d726262 100644 --- a/src/components/Shared/Footer.jsx +++ b/src/components/Shared/Footer.jsx @@ -1,48 +1,40 @@ import { Box, Container, Link, Typography } from '@mui/material'; -import { Link as RouterLink } from "react-router-dom"; +import { Link as RouterLink } from 'react-router-dom'; import { GitHub } from '@mui/icons-material'; const Footer = () => { return ( - - - Connect with Us - - - {/* TODO: Add link to about-us page */} - - About us - - - - - - - © {new Date().getFullYear()}{" "} - - Active courses - - . All rights reserved. - - - - ) -} + py={4} + bgcolor='black' + color='white' + textAlign='center' + component='footer' + > + + + Connect with Us + + + {/* TODO: Add link to about-us page */} + + About us + + + + + + + © {new Date().getFullYear()}{' '} + Active courses. + All rights reserved. + + + + ); +}; -export default Footer \ No newline at end of file +export default Footer; diff --git a/src/components/home/Hero.jsx b/src/components/home/Hero.jsx index ae4cb1f..ab7926f 100644 --- a/src/components/home/Hero.jsx +++ b/src/components/home/Hero.jsx @@ -1,63 +1,63 @@ -import { Box, Button, Container, Typography } from "@mui/material"; -import { Link as RouterLink } from "react-router-dom"; +import { Box, Button, Container, Typography } from '@mui/material'; +import { Link as RouterLink } from 'react-router-dom'; const Hero = () => { return ( - + Get it done with a freelancer - + Our digital marketing agency helps businesses grow and succeed online through a range of services including SEO, PPC, social media marketing, and content creation. diff --git a/src/components/home/HomePage.jsx b/src/components/home/HomePage.jsx index 34d7a8c..cfadeda 100644 --- a/src/components/home/HomePage.jsx +++ b/src/components/home/HomePage.jsx @@ -1,6 +1,6 @@ -import { Box } from "@mui/material"; -import Footer from "../Shared/Footer"; -import Hero from "./Hero"; +import { Box } from '@mui/material'; +import Footer from '../Shared/Footer'; +import Hero from './Hero'; /** TODO: * ✅ non-user navbar @@ -9,12 +9,11 @@ import Hero from "./Hero"; */ const HomePage = () => { return ( - +