added cp in recruitment form

src/components/recruitment_questions/form.js

@@ -4,6 +4,7 @@ import TechnicalFrontendQuestions from './technical/frontend';
 import TechnicalBackendQuestions from './technical/backend';
 import TechnicalCybersecQuestions from './technical/cybersec';
 import TechnicalDevopsQuestions from './technical/devops';
+import TechnicalCpQuestions from './technical/cp';
 import ManagementCommonQuestions from './management/management_common';
 import OperationsCommonQuestions from './operation/operation_common';
 import MediaCommonQuestions from './media/media_common';
@@ -16,7 +17,7 @@ import ContentCommonQuestions from './content/content_common';
 
 export default function RecruitmentQuestions({values, prefDept, handleChange}){
     return (
-        prefDept === 'Technical Department - Linux' ?
+        prefDept === 'Technical Department' ?
                     <div>
                         <TechnicalCommonQuestions handleChange={handleChange} values={values} />
                         <TechnicalLinuxQuestions handleChange={handleChange} values={values} />
@@ -46,6 +47,12 @@ export default function RecruitmentQuestions({values, prefDept, handleChange}){
                         <TechnicalDevopsQuestions handleChange={handleChange} values={values} />
                     </div>
                     :
+                    prefDept === 'Technical Department - CP' ?
+                    <div>
+                        <TechnicalCommonQuestions handleChange={handleChange} values={values} />
+                        <TechnicalCpQuestions handleChange={handleChange} values={values} />
+                    </div>
+                    :
                     prefDept === 'Management Department' ?
                         <div>
                             <ManagementCommonQuestions handleChange={handleChange} values={values} />

src/components/recruitment_questions/technical/cp.js

@@ -0,0 +1,46 @@
+export default function TechnicalCpQuestions({ handleChange, values }){
+    return (
+        <>
+            <div className='form-textarea'>
+                <label>How will you contribute to this department?</label>
+                <textarea
+                    rows='6'
+                    onChange={handleChange('tech_cp_1')}
+                    value={values.tech_cp_1}
+                />
+            </div>
+            <div className='form-textarea'>
+                <label>What programming language do you prefer?</label>
+                <textarea
+                    rows='6'
+                    onChange={handleChange('tech_cp_2')}
+                    value={values.tech_cp_2}
+                />
+            </div>
+            <div className='form-textarea'>
+                <label>Give the link to your profile of coding platforms you use.</label>
+                <textarea
+                    rows='6'
+                    onChange={handleChange('tech_cp_3')}
+                    value={values.tech_cp_3}
+                />
+            </div>
+            <div className='form-textarea'>
+                <label>List your achievements in contests and coding hackathons.</label>
+                <textarea
+                    rows='6'
+                    onChange={handleChange('tech_cp_4')}
+                    value={values.tech_cp_4}
+                />
+            </div>
+            <div className='form-textarea'>
+                <label>List the topics you hold command on.</label>
+                <textarea
+                    rows='6'
+                    onChange={handleChange('tech_cp_5')}
+                    value={values.tech_cp_5}
+                />
+            </div>
+        </>
+    )
+}

src/pages/recruitment_form/recruitmentStep2.js

@@ -64,7 +64,7 @@ export default function RecruitmentStepTwo({
                         <option value=' '>
                             Select a department
                         </option>
-                        <option value='Technical Department - Linux'>
+                        <option value='Technical Department'>
                             Technical Department
                         </option>
                         <option value='Technical Department - Frontend'>
@@ -79,6 +79,9 @@ export default function RecruitmentStepTwo({
                         <option value='Technical Department - DevOps'>
                             Technical Department - DevOps
                         </option>
+                        <option value='Technical Department - CP'>
+                            Technical Department - DevOps
+                        </option>
                         <option value='Management Department'>
                             Management Department
                         </option>
@@ -118,7 +121,7 @@ export default function RecruitmentStepTwo({
                         <option value=' '>
                             Select a Department (Optional)
                         </option>
-                        <option value='Technical Department - Linux'>
+                        <option value='Technical Department'>
                             Technical Department
                         </option>
                         <option value='Technical Department - Frontend'>
@@ -133,6 +136,9 @@ export default function RecruitmentStepTwo({
                         <option value='Technical Department - DevOps'>
                             Technical Department - DevOps
                         </option>
+                        <option value='Technical Department - CP'>
+                            Technical Department - DevOps
+                        </option>
                         <option value='Management Department'>
                             Management Department
                         </option>