diff --git a/src/assets/icons/Assignment.svg b/src/assets/icons/Assignment.svg new file mode 100644 index 0000000..fead865 --- /dev/null +++ b/src/assets/icons/Assignment.svg @@ -0,0 +1,237 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Celebrations.svg b/src/assets/icons/Celebrations.svg new file mode 100644 index 0000000..e93d86a --- /dev/null +++ b/src/assets/icons/Celebrations.svg @@ -0,0 +1,445 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Closing_Docs.svg b/src/assets/icons/Closing_Docs.svg new file mode 100644 index 0000000..f4f9656 --- /dev/null +++ b/src/assets/icons/Closing_Docs.svg @@ -0,0 +1,234 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Final_Interview.svg b/src/assets/icons/Final_Interview.svg new file mode 100644 index 0000000..68ca13a --- /dev/null +++ b/src/assets/icons/Final_Interview.svg @@ -0,0 +1,239 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Joining_Letter.svg b/src/assets/icons/Joining_Letter.svg new file mode 100644 index 0000000..340fa1e --- /dev/null +++ b/src/assets/icons/Joining_Letter.svg @@ -0,0 +1,269 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Preliminary_Round.svg b/src/assets/icons/Preliminary_Round.svg new file mode 100644 index 0000000..bf67103 --- /dev/null +++ b/src/assets/icons/Preliminary_Round.svg @@ -0,0 +1,145 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/Technical_Interview.svg b/src/assets/icons/Technical_Interview.svg new file mode 100644 index 0000000..39206af --- /dev/null +++ b/src/assets/icons/Technical_Interview.svg @@ -0,0 +1,394 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/icons/skill_Information.svg b/src/assets/icons/skill_Information.svg new file mode 100644 index 0000000..6498a4c --- /dev/null +++ b/src/assets/icons/skill_Information.svg @@ -0,0 +1,139 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/common/styles/global.scss b/src/common/styles/global.scss index 48d02ed..1420d4c 100644 --- a/src/common/styles/global.scss +++ b/src/common/styles/global.scss @@ -5,9 +5,10 @@ } body { - font-family: 'Poppins', sans-serif; + font-family: 'Poppins', sans-serif !important; } h1,h2,h3,h4,h5,h6 { - font-family: 'Oswald', sans-serif; + font-family: 'Oswald', sans-serif !important; } + diff --git a/src/pages/interviewRounds/InterviewRounds.tsx b/src/pages/interviewRounds/InterviewRounds.tsx index 587108a..daf33d4 100644 --- a/src/pages/interviewRounds/InterviewRounds.tsx +++ b/src/pages/interviewRounds/InterviewRounds.tsx @@ -1,4 +1,5 @@ import styles from './InterviewRounds.module.scss'; +import { useState } from 'react'; import Header from "./Header"; import { IonContent, IonPage } from '@ionic/react'; @@ -15,8 +16,10 @@ import Celebrations from '../../assets/icons/Celebrations.svg'; const InterviewRounds: React.FC = () => { - const setDescription = () => { - console.log("hello"); + const [step, setStep] = useState(1); + + const setDescription = (stepNumbera: number) => { + setStep(stepNumbera); } return ( @@ -28,61 +31,65 @@ const InterviewRounds: React.FC = () => { roundName="Skill Information" isUnlocked={true} descriptionImage={skillInfo} - buttonText="Let's start now!" - setDescription={setDescription} /> + setDescription={setDescription} + showDescription={(step === 1) ? true : false} /> + setDescription={setDescription} + showDescription={(step === 2) ? true : false} /> + setDescription={setDescription} + showDescription={(step === 3) ? true : false} /> + setDescription={setDescription} + showDescription={(step === 4) ? true : false} /> + setDescription={setDescription} + showDescription={(step === 5) ? true : false} /> + setDescription={setDescription} + showDescription={(step === 6) ? true : false} /> + setDescription={setDescription} + showDescription={(step === 7) ? true : false} /> + setDescription={setDescription} + showDescription={(step === 8) ? true : false} /> diff --git a/src/pages/interviewRounds/Steps.tsx b/src/pages/interviewRounds/Steps.tsx index f378fba..f326342 100644 --- a/src/pages/interviewRounds/Steps.tsx +++ b/src/pages/interviewRounds/Steps.tsx @@ -10,12 +10,12 @@ interface Props { showDescription?: boolean; buttonText: string; descriptionImage: string; - setDescription: () => void; + setDescription: (stepNumber: number) => void; } const Steps: React.FC = (props) => { return ( - props.setDescription()}> + props.setDescription(props.stepNumber)}> {props.showDescription ?