unwanted code pushed

jobs.json

@@ -0,0 +1,19 @@
+{
+  "posts": [
+    {
+      "id": 1,
+      "title": "json-server",
+      "author": "typicode"
+    }
+  ],
+  "comments": [
+    {
+      "id": 1,
+      "body": "some comment",
+      "postId": 1
+    }
+  ],
+  "profile": {
+    "name": "typicode"
+  }
+}

src/App.js

@@ -1,5 +1,5 @@
 import './App.css';
-import { SearchResults } from './Components/Search_Results/SearchResults';
+// import { SearchResults } from './Components/Search_Results/SearchResults';
 import { BrowserRouter as Router, Route, Link, Switch } from "react-router-dom";
 import { Landing } from './Components/Home/Landing';
 import { Login } from "./Components/Login&SignIn/Login";
@@ -20,16 +20,16 @@ function App() {
           </Route>
           <Route exact path="/results">
 
-            <SearchResults />
+            {/* <SearchResults /> */}
           </Route>
           <Route path="/apply">
-            <MainApply/>
+            <MainApply />
           </Route>
           <Route path="/signup">
-            <SignIn/>
+            <SignIn />
           </Route>
           <Route path="/login">
-            <Login/>
+            <Login />
           </Route>
         </Switch>
       </div>

src/Components/ApplyJobs/MainApply.jsx

@@ -0,0 +1,37 @@
+import React from 'react'
+import styled from 'styled-components'
+import ApplyForm from './ApplyForm'
+// import { useLocation } from 'react-router'
+
+const MainApplyDiv = styled.div`
+    width: 100%;
+    height: 100vh;
+    display: flex;
+`
+const LeftApplyDiv = styled.div`
+    width: 60%;
+`
+const RightApplyDiv = styled.div`
+    width: 40%;
+    background: rgb(250, 249, 248);
+`
+
+
+const MainApply = () => {
+
+    return (
+        <MainApplyDiv>
+            <LeftApplyDiv>
+
+                <ApplyForm />
+
+            </LeftApplyDiv>
+
+            <RightApplyDiv>
+
+            </RightApplyDiv>
+        </MainApplyDiv>
+    )
+}
+
+export default MainApply

src/Components/ApplyJobs/ReviewPage.jsx

@@ -0,0 +1,98 @@
+import React from 'react'
+import { BiArrowBack } from "react-icons/bi";
+import { ProgressBar } from 'react-step-progress-bar'
+import { VscFilePdf } from "react-icons/vsc";
+import ReviewDiv from './StyledReviewPage'
+
+
+// let formData = {
+//     city: "Budaun",
+//     company: "Masai School",
+//     experience: "1",
+//     firstName: "Tausif",
+//     jobTitle: "Developer",
+//     lastName: "Sheikh",
+//     newPdf: "",
+//     phoneNumber: "09140708447",
+//     resume: "C:\\fakepath\\Highschool.pdf"
+// }
+
+const ReviewPage = ({ handleReview, formData }) => {
+    // console.log(formData)
+
+    const submitApplication = () => {
+        console.log("submit done");
+    }
+
+    return (
+        <ReviewDiv>
+            {/* <div></div> */}
+            <ProgressBar percent={100} unfilledBackground="gray" filledBackground="navy" />
+            <div className="backArrow">
+                <BiArrowBack onClick={handleReview} />
+                <h5>Application step 5 of 5</h5>
+            </div>
+            <h2>Please review your application</h2>
+            <h4>Contact information</h4>
+            <div className="contactInfo">
+                <div>
+                    <p>Full Name</p>
+                    <h3>{`${formData.firstName} ${formData.lastName}`}</h3>
+                </div>
+                <div>
+                    <p>Email Address</p>
+                    <h3>email@example.com</h3>
+                    <small>To mitigate fraud, Indeed may mask your email address. If masked, the employer will see an address like <strong>mohdtausif67_j7s@indeedemail.com</strong>. Some employers, however, may still be able to unmask and see your actual email address.</small>
+                </div>
+                <div>
+                    <p>City, State</p>
+                    <h3>{formData.city}</h3>
+                </div>
+                <div>
+                    <p>Phone Number</p>
+                    <h3>{formData.phoneNumber}</h3>
+                </div>
+            </div>
+
+            <h4>Resume</h4>
+            <div className="resume">
+                <VscFilePdf />
+                <h3>{formData.resume.slice(12)}</h3>
+            </div>
+
+            <h4>Employee questions</h4>
+            <div className="questions">
+                <div>
+                    <p>Job Profile</p>
+                    <h3>{formData.jobTitle}</h3>
+                </div>
+                <div>
+                    <p>Company name</p>
+                    <h3>{formData.company}</h3>
+                </div>
+                <div>
+                    <p>How many years of total work experience do you have?</p>
+                    <h3>{formData.experience}</h3>
+                </div>
+            </div>
+            <p style={{ fontSize: "15px" }}>If you notice an error in your application, please <br /><span style={{ textDecoration: "underline" }}>contact Indeed</span></p>
+
+            <div className="checkbox">
+                <div>
+                    <input type="checkbox" name="" id="" />
+                    <h3>Notify me by email when similar jobs are available</h3>
+                </div>
+                <small >By creating a job alert, you agree to our <span>Terms</span>. You can change your consent settings at any time by unsubscribing or as detailed in our terms.</small>
+            </div>
+            <small>By pressing apply: 1) you agree to our <span>Terms, Cookie & Privacy Policies</span>; 2) you consent to your application being transmitted to the Employer (Indeed does not guarantee receipt), & processed & analyzed in accordance with its & Indeed's terms & privacy policies; & 3) you acknowledge that when you apply to jobs outside your country it may involve you sending your personal data to countries with lower levels of data protection.</small>
+
+            <div>
+                <h4>Exit</h4>
+                <button onClick={submitApplication} >Submit your application</button>
+            </div>
+            <p className="textCenter">Having an issue with this application?<span>Tell us more</span></p>
+        </ReviewDiv>
+    )
+}
+
+export default ReviewPage

src/Components/ApplyJobs/StyledExperience.jsx

@@ -0,0 +1,96 @@
+import styled from 'styled-components'
+
+const AddExperience = styled.div`
+    width: 46%;
+    margin: auto;
+
+    div:first-child{
+        width: 100%;
+        height:7px;
+        background: navy;
+        border-radius:12px;
+        margin: 50px 0 10px;
+        padding:0;
+    }
+
+    div:nth-child(2){
+        display:flex;
+        align-items: center;
+    }
+    div:nth-child(2)>:first-child{
+        cursor:pointer;
+        width: 20px;
+        margin-right: 8px;
+        padding:5px;
+    }
+    div:nth-child(2)>:first-child:hover{
+        background: rgb(238, 241, 254);
+        border-radius:5px;
+    }
+
+    h2{
+        margin: 19px 0;
+    }
+    h4>span{
+        font-weight: normal;
+    }
+
+    form{
+        width: 90%;
+        border: 1px solid black;
+        padding:21px;
+        border: 1px solid wheat;
+        border-radius:8px;
+        margin-top: 8px;
+        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
+    }
+
+    & input{
+        display: block;
+    }
+    & label{
+        font-weight: bold;
+    }
+    & input{
+        width: 94%;
+        padding:11px;
+        border: 1px solid black;
+        border-radius:7px;
+        margin: 8px 0 28px;
+        font-size:17px;
+        outline:none;
+    }
+
+    div:nth-child(6){
+        display:flex;
+        justify-content:flex-end;
+        align-items:center;
+        margin-top:50px;
+        margin-bottom:50px;
+    }
+    div:nth-child(6)>:first-child{
+        color: rgb(22, 64, 129);
+        margin-right: 30px;
+        cursor: pointer;
+    }
+    div:nth-child(6)>button{
+        width: 125px;
+        background: rgb(22, 64, 129);
+        padding:13px;
+        font-weight: bold;
+        font-size:15px;
+        border-radius:5px;
+        border: none;
+        color: white;
+        cursor: pointer;
+    }
+
+    & p{
+        text-align:center;
+    }
+    p>span{
+        color:rgb(22, 64, 129);
+    }
+`;
+
+export default AddExperience