From 4260a9fba8cbb63b11589de0e6fcf190a4547e92 Mon Sep 17 00:00:00 2001 From: Ajay_S Date: Wed, 20 Apr 2022 17:52:57 +0530 Subject: [PATCH] created steps description and onclick expand step functionality --- src/assets/icons/Assignment.svg | 237 ++++++++++ src/assets/icons/Celebrations.svg | 445 ++++++++++++++++++ src/assets/icons/Closing_Docs.svg | 234 +++++++++ src/assets/icons/Final_Interview.svg | 239 ++++++++++ src/assets/icons/Joining_Letter.svg | 269 +++++++++++ src/assets/icons/Preliminary_Round.svg | 145 ++++++ src/assets/icons/Technical_Interview.svg | 394 ++++++++++++++++ src/assets/icons/skill_Information.svg | 139 ++++++ src/common/styles/global.scss | 5 +- src/pages/interviewRounds/InterviewRounds.tsx | 35 +- src/pages/interviewRounds/Steps.tsx | 4 +- 11 files changed, 2128 insertions(+), 18 deletions(-) create mode 100644 src/assets/icons/Assignment.svg create mode 100644 src/assets/icons/Celebrations.svg create mode 100644 src/assets/icons/Closing_Docs.svg create mode 100644 src/assets/icons/Final_Interview.svg create mode 100644 src/assets/icons/Joining_Letter.svg create mode 100644 src/assets/icons/Preliminary_Round.svg create mode 100644 src/assets/icons/Technical_Interview.svg create mode 100644 src/assets/icons/skill_Information.svg 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 ?