generated from ReCoded-Org/capstone-react-redux-template
-
Notifications
You must be signed in to change notification settings - Fork 6
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* completed about us component * add test and snapshot * upadeted with being responsive * added padding * added padding * updated index * new index * renamed to index * delete Components * added the homepage to the routing Co-authored-by: Allan <[email protected]> Co-authored-by: allan <[email protected]>
- Loading branch information
3 people
authored
Nov 16, 2022
1 parent
b905d39
commit 8bfe196
Showing
7 changed files
with
188 additions
and
3 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,36 @@ | ||
| import React from "react"; | ||
|
|
||
| function AboutUsComponent() { | ||
| return ( | ||
| <div className=" large:space-x-10 medium:space-x-10 pt-8 pb-6 small:pt-6"> | ||
| <div className="small:text-center medium:text-center large:text-center small:mb-6 medium:pt-4 medium:mb-4"> | ||
| <h1 className="font-semibold text-5xl ml-56 small:ml-8 medium:ml-8 large:ml-8 text-green-600 "> | ||
| {" "} | ||
| About <span className="text-secondary ">Us?</span> | ||
| </h1> | ||
| </div> | ||
|
|
||
| <div className="md:flex small:pr-3 small:pl-3 md:p-8 text-center md:text-left space-y-4 pb-12 space-x-19 medium:space-x-19 large:space-x-1 "> | ||
| <img | ||
| className="ml-56 large:ml-36 mx-auto md:w-96 medium:mb-3 small:ml-0 medium:ml-0 large:ml-0 medium:justify-start" | ||
| src="/aboutus.jpg" | ||
| alt="" | ||
| /> | ||
|
|
||
| <p className="w-3/6 medium:pr-3 text-justify small:justify small:w-fit small:ml-3 small:mr-3 medium:justify medium:w-fit medium:ml-3 medium:mr-3 "> | ||
| Our Mission is to build a bridge those who need a job and the ones who | ||
| needs someone to do the job for them this platform makes connections | ||
| easier and faster, in a community where the tech sector is growing | ||
| rapidly the demand for tech professionals is geowing as well we strive | ||
| to put job seekers first giving them free access to search for jobs | ||
| post resumes and research companies. Every day we connect millions of | ||
| people to new opportunities. but of courde this also allows companies | ||
| find the right candidate faster putting themselves out there and | ||
| allowing job seekers to see their open positions. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default AboutUsComponent; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,8 @@ | ||
| import renderer from "react-test-renderer"; | ||
|
|
||
| import AboutUsComponent from "./AboutUsComponent"; | ||
|
|
||
| it("renders correctly when the component matches the snapshot", () => { | ||
| const tree = renderer.create(<AboutUsComponent />).toJSON(); | ||
| expect(tree).toMatchSnapshot(); | ||
| }); |
37 changes: 37 additions & 0 deletions
37
src/components/__snapshots__/AboutUsComponent.test.js.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,37 @@ | ||
| // Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
|
||
| exports[`renders correctly when the component matches the snapshot 1`] = ` | ||
| <div | ||
| className=" large:space-x-10 medium:space-x-10 pt-8 pb-6 small:pt-6" | ||
| > | ||
| <div | ||
| className="small:text-center medium:text-center large:text-center small:mb-6 medium:pt-4 medium:mb-4" | ||
| > | ||
| <h1 | ||
| className="font-semibold text-5xl ml-56 small:ml-8 medium:ml-8 large:ml-8 text-green-600 " | ||
| > | ||
| About | ||
| <span | ||
| className="text-secondary " | ||
| > | ||
| Us? | ||
| </span> | ||
| </h1> | ||
| </div> | ||
| <div | ||
| className="md:flex small:pr-3 small:pl-3 md:p-8 text-center md:text-left space-y-4 pb-12 space-x-19 medium:space-x-19 large:space-x-1 " | ||
| > | ||
| <img | ||
| alt="" | ||
| className="ml-56 large:ml-36 mx-auto md:w-96 medium:mb-3 small:ml-0 medium:ml-0 large:ml-0 medium:justify-start" | ||
| src="/aboutus.jpg" | ||
| /> | ||
| <p | ||
| className="w-3/6 medium:pr-3 text-justify small:justify small:w-fit small:ml-3 small:mr-3 medium:justify medium:w-fit medium:ml-3 medium:mr-3 " | ||
| > | ||
| Our Mission is to build a bridge those who need a job and the ones who needs someone to do the job for them this platform makes connections easier and faster, in a community where the tech sector is growing rapidly the demand for tech professionals is geowing as well we strive to put job seekers first giving them free access to search for jobs post resumes and research companies. Every day we connect millions of people to new opportunities. but of courde this also allows companies find the right candidate faster putting themselves out there and allowing job seekers to see their open positions. | ||
| </p> | ||
| </div> | ||
| </div> | ||
| `; |
Empty file.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,94 @@ | ||
| import React from "react"; | ||
| import Categories from "../components/Categories/Categories"; | ||
| import CompanyShowcaseComponent from "../components/companyShowcaseComponent/CompanyShowcaseComponent"; | ||
| import Hero from "../components/Hero/Hero"; | ||
| import JobsShowcase from "../components/JobsShowcase/JobsShowcase"; | ||
| import LatestJobs from "../components/LatestJob/LatestJobs"; | ||
| import { showCaseData } from "../data/showCaseData"; | ||
| import { showcaseData } from "../data"; | ||
|
|
||
| const data = [ | ||
| { | ||
| position: "Web Developer f", | ||
| salary: "2000$-3000$", | ||
| date: "10/10/2022", | ||
| fullTime: true, | ||
| partTime: false, | ||
| remote: false, | ||
| id: 1, | ||
| }, | ||
| { | ||
| position: "Web Developer p", | ||
| salary: "2000$-3000$", | ||
| date: "10/10/2022", | ||
| fullTime: false, | ||
| partTime: true, | ||
| remote: false, | ||
| id: 2, | ||
| }, | ||
| { | ||
| position: "Web Developer fr", | ||
| salary: "2000$-3000$", | ||
| date: "10/10/2022", | ||
| fullTime: true, | ||
| partTime: false, | ||
| remote: true, | ||
| id: 3, | ||
| }, | ||
| { | ||
| position: "Web Developer pr", | ||
| salary: "2000$-3000$", | ||
| date: "10/10/2022", | ||
| fullTime: false, | ||
| partTime: true, | ||
| remote: true, | ||
| id: 4, | ||
| }, | ||
| { | ||
| position: "Web Developer fr", | ||
| salary: "2000$-3000$", | ||
| date: "10/10/2022", | ||
| fullTime: true, | ||
| partTime: false, | ||
| remote: true, | ||
| id: 5, | ||
| }, | ||
| { | ||
| position: "Web Developer r", | ||
| salary: "2000$-3000$", | ||
| date: "10/10/2022", | ||
| fullTime: false, | ||
| partTime: false, | ||
| remote: true, | ||
| id: 6, | ||
| }, | ||
| { | ||
| position: "Web Developer fp", | ||
| salary: "2000$-3000$", | ||
| date: "10/10/2022", | ||
| fullTime: true, | ||
| partTime: true, | ||
| remote: false, | ||
| id: 7, | ||
| }, | ||
| ]; | ||
| const header = [ | ||
| { title: "Position", id: 1 }, | ||
| { title: "Salary", id: 2 }, | ||
| { title: "Date", id: 3 }, | ||
| { title: "", id: 4 }, | ||
| ]; | ||
|
|
||
| function Index() { | ||
| return ( | ||
| <div> | ||
| <Hero /> | ||
| <JobsShowcase showcaseArray={showcaseData} /> | ||
| <Categories /> | ||
| <LatestJobs data={data} headers={header} /> | ||
| <CompanyShowcaseComponent showCaseData={showCaseData} /> | ||
| </div> | ||
| ); | ||
| } | ||
|
|
||
| export default Index; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters