Linted code

pranjaljain0 · May 5, 2023 · 0be163d · 0be163d
1 parent 763d0ad
commit 0be163d
Show file tree

Hide file tree

Showing 16 changed files with 41 additions and 22 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -50,7 +50,7 @@
 		"@typescript-eslint/parser": "^5.59.2",
 		"eslint": "^8.39.0",
 		"eslint-plugin-react": "^7.32.2",
-		"prettier": "^2.8.8",
+		"prettier": "2.8.8",
 		"webpack-bundle-analyzer": "^4.8.0"
 	}
 }
diff --git a/public/index.html b/public/index.html
@@ -34,7 +34,11 @@
 		<link rel="manifest" href="./favicon/manifest.json" />
 
 		<title>Pranjal Jain</title>
-		<script defer data-domain="pranjalis.me" src="https://plausible.us.homebox.website/js/script.js"></script>
+		<script
+			defer
+			data-domain="pranjalis.me"
+			src="https://plausible.us.homebox.website/js/script.js"
+		></script>
 	</head>
 	<body>
 		<noscript>You need to enable JavaScript to run this app.</noscript>

diff --git a/src/components/Accordian/Accordian.js b/src/components/Accordian/Accordian.js
@@ -20,7 +20,8 @@ function Accordian({title, data}) {
 				<span
 					role='button'
 					className='dropdown-icon'
-					onClick={() => setShowAccordian(!showAccordian)}>
+					onClick={() => setShowAccordian(!showAccordian)}
+				>
 					{!showAccordian ? <BsChevronDown /> : <BsChevronUp />}
 				</span>
 			</div>

diff --git a/src/components/Education.js b/src/components/Education.js
@@ -20,7 +20,8 @@ function Education({EducationObj}) {
 						contentArrowStyle={{borderRight: '7px solid ' + Obj.color}}
 						date={Obj.duration}
 						iconStyle={{background: 'rgb(33, 150, 243)', color: '#fff'}}
-						icon={<RiBuildingLine />}>
+						icon={<RiBuildingLine />}
+					>
 						<h2 className='vertical-timeline-element-title'>{Obj.title}</h2>
 						<h5 className='vertical-timeline-element-subtitle'>
 							{Obj.location_city}

diff --git a/src/components/HomeCard.js b/src/components/HomeCard.js
@@ -38,7 +38,8 @@ function HomeCard({HomeCards}) {
 									HomeCards.finalColor +
 									`)`,
 							}}
-							className='innerColImg'>
+							className='innerColImg'
+						>
 							<p className='projectTitle'>{HomeCards.title}</p>
 							<div className='iconHolder'>
 								{seticon(HomeCards.icon, '50px')}

diff --git a/src/components/HomeModal.js b/src/components/HomeModal.js
@@ -29,7 +29,8 @@ function HomeModal({lgShow, setLgShow, HomeCards}) {
 			size='lg'
 			show={lgShow}
 			onHide={() => setLgShow(false)}
-			aria-labelledby='example-modal-sizes-title-lg'>
+			aria-labelledby='example-modal-sizes-title-lg'
+		>
 			<Modal.Header closeButton>
 				<Modal.Title id='example-modal-sizes-title-lg'>
 					{HomeCards.title}

diff --git a/src/components/LeftText.js b/src/components/LeftText.js
@@ -18,7 +18,8 @@ function LeftText() {
 						]}
 						typeSpeed={40}
 						backSpeed={50}
-						loop></Typed>
+						loop
+					></Typed>
 				</p>
 			</div>
 		</div>

diff --git a/src/components/Navigation.js b/src/components/Navigation.js
@@ -34,7 +34,8 @@ function Navigation() {
 								}}
 								onClick={() => {
 									setShowResumeModal(true)
-								}}>
+								}}
+							>
 								Curriculum Vitae (CV)
 							</Button>
 							<Button
@@ -43,7 +44,8 @@ function Navigation() {
 								style={{
 									borderRadius: '0 4px 4px 0',
 								}}
-								aria-label='Resume'>
+								aria-label='Resume'
+							>
 								<FaDownload
 									aria-label='Resume'
 									fill='rgba(0,0,0,0.5)'
@@ -56,7 +58,8 @@ function Navigation() {
 						</Nav.Link>
 						<Nav.Link
 							aria-label='Github'
-							href='https://github.com/pranjaljain0'>
+							href='https://github.com/pranjaljain0'
+						>
 							<FaGithub
 								aria-label='Github'
 								color='rgba(255,255,255,0.8)'
@@ -65,7 +68,8 @@ function Navigation() {
 						</Nav.Link>
 						<Nav.Link
 							aria-label='Linked In'
-							href='https://www.linkedin.com/in/pranjaljain0/'>
+							href='https://www.linkedin.com/in/pranjaljain0/'
+						>
 							<FaLinkedin
 								aria-label='Linked In'
 								color='rgba(255,255,255,0.8)'

diff --git a/src/components/ProjectCard.js b/src/components/ProjectCard.js
@@ -15,7 +15,8 @@ function ProjectCard({projectObj}) {
 								projectObj.finalColor +
 								`)`,
 						}}
-						className='innerColImg'>
+						className='innerColImg'
+					>
 						<p className='projectTitle'>{projectObj.title}</p>
 					</div>
 				</a>

diff --git a/src/components/ResumeModal.js b/src/components/ResumeModal.js
@@ -7,7 +7,8 @@ function ResumeModal({showResumeModal, closeModal}) {
 			size='lg'
 			show={showResumeModal}
 			onHide={closeModal}
-			aria-labelledby='example-modal-sizes-title-lg'>
+			aria-labelledby='example-modal-sizes-title-lg'
+		>
 			<Modal.Header closeButton>
 				<Modal.Title id='example-modal-sizes-title-lg'>Resume</Modal.Title>
 			</Modal.Header>
@@ -17,7 +18,8 @@ function ResumeModal({showResumeModal, closeModal}) {
 					src='https://pranjaljain0.github.io/pranjaljain0/Pranjal_Jain_CV.pdf#toolbar=0'
 					width='100%'
 					height='700px'
-					frameBorder='0'></iframe>
+					frameBorder='0'
+				></iframe>
 			</Modal.Body>
 		</Modal>
 	)

diff --git a/src/components/SocialModal.js b/src/components/SocialModal.js
@@ -72,7 +72,8 @@ function SocialModal() {
 						<AiOutlineLinkedin size={35} />
 						<CustomLink
 							href='https://www.linkedin.com/in/pranjaljain0/'
-							target='_blank'>
+							target='_blank'
+						>
 							@pranjaljain0
 						</CustomLink>
 					</Icon>

diff --git a/src/index.css b/src/index.css
@@ -33,7 +33,7 @@
 html,
 body,
 #app,
-#app>div {
+#app > div {
 	height: 100%;
 	overflow-x: hidden;
 }
@@ -379,4 +379,4 @@ a.projectLink {
 	.LeftSec {
 		height: 100vh;
 	}
-}
+}
diff --git a/src/index.js b/src/index.js
@@ -10,6 +10,6 @@ ReactDOM.createRoot(document.getElementById('root')).render(
 	<React.StrictMode>
 		<App />
 	</React.StrictMode>
-);
+)
 
 serviceWorkerRegistration.register()
diff --git a/src/navigation/index.js b/src/navigation/index.js
@@ -1,4 +1,4 @@
-import { Route, BrowserRouter as Router, Routes } from 'react-router-dom'
+import {Route, BrowserRouter as Router, Routes} from 'react-router-dom'
 
 import React from 'react'
 import routes from './routes'

diff --git a/src/pages/ProjectList.js b/src/pages/ProjectList.js
@@ -15,7 +15,8 @@ function ProjectList({ProjectListVal}) {
 						<a
 							href={Obj.projectRoute}
 							key={`project-list-item-${index}`}
-							className='project_list_item_link'>
+							className='project_list_item_link'
+						>
 							<div
 								style={{
 									background:
@@ -25,7 +26,8 @@ function ProjectList({ProjectListVal}) {
 										Obj.finalColor +
 										`)`,
 								}}
-								className='project_list_item'>
+								className='project_list_item'
+							>
 								<h3>
 									{Obj.title}
 									{Obj.githubUrl && (