diff options
Diffstat (limited to 'client/src/components')
5 files changed, 107 insertions, 4 deletions
diff --git a/client/src/components/LanguageSelect/locales/en/translation.json b/client/src/components/LanguageSelect/locales/en/translation.json index 9b16513..a2a4470 100644 --- a/client/src/components/LanguageSelect/locales/en/translation.json +++ b/client/src/components/LanguageSelect/locales/en/translation.json @@ -103,8 +103,45 @@ "STATUS": "Status", "ENROLLMENT_STATUS": "Enrollment Status", "YOUR_AADHAAR_STATUS_IS_IN_PENDING_STATE": "Your Aadhaar enrollment request is in process.", - "PLEASE_HAVE_PATIENCE": "Please have patience, and wait for maximum 48hrs", + "PLEASE_HAVE_PATIENCE": "Please have patience, and wait for minimum 48hrs", "YOUR_AADHAAR_STATUS_IS_APPROVED": "Your Aadhaar enrollment request has been approved", "PRINT_YOUR_AADHAAR_CARD_FROM_WEBSITE": "You may now print your Aadhaar card from the official website", - "BACK_TO_HOME": "Back to Home" + "BACK_TO_HOME": "Back to Home", + "FILL_YOUR_INFORMATION": "Fill your information", + "SELECT_YOUR_RESIDENCY_BY_SELECTING_THE_APPROPRIATE_CHECKBOX": "Select your residency by selecting the appropriate checkbox", + "ENTER_YOUR_FULL_NAME_WITHOUT_ANY_TITLE_OR_SALUTATION": "Enter your full name without any title or salutation", + "SELECT_YOUR_GENDER_BY_CLICKING_ON_THE_APPROPRIATE_CARD": "Select your gender by clicking on the appropriate card", + "SELECT_YOUR_DATE_OF_BIRTH_FROM_THE_PROVIDED_CALENDER": "Select your date of birth from the provided calender", + "ENTER_YOUR_10_DIGIT_MOBILE_NUMBER_WITHOUT_ANY_PREFIX_OR_COUNTRY_ID": "Enter your 10 digit mobile number without any prefix or country ID", + "ENTER_YOUR_DETAILS_ACCORDING_TO_THE_RELEVANT_FIELDS": "Enter your details according to the relevant fields", + "SELECT_THE_STATE_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "Select the state you belong to from the dropdown list", + "SELECT_THE_DISTRICT_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "Select the district you belong to from the dropdown list", + "CAPTURE_YOUR_PHOTO": "Capture your photo", + "ENSURE_THAT_YOUR_PHOTO_IS_CLEAR_AND_IN_FOCUS": "Ensure that your photo is clear and in focus", + "ALSO_ENSURE_THAT_YOU_ARE_IN_THE_CENTER_OF_YOUR_PHOTO": "Also ensure that you are in the center of your photo", + "YOU_WONT_BE_ABLE_TO_PROCEED_UNTIL_YOU_HAVE_CAPTURED_A_CLEAR_AND_CENTERED_PHOTO": "You won't be able to proceed until you have captured a clear and centered photo", + "PLEASE_CAPTURE_CLEAR_PHOTOGRAPH": "Please capture clear photograph", + "PLEASE_WAIT": "Please wait", + "SCAN_YOUR_DOCUMENTS": "Scan your documents", + "CONSISTS_OF_3_STEPS": "Consists of 3 steps", + "ENSURE_THAT_YOUR_DOCUMENTS_ARE_IN_THE_CENTER_OF_THE_FRAME": "Ensure that your documents are in the center of the frame", + "YOU_WONT_BE_ABLE_TO_PROCEED_UNTIL_YOU_HAVE_SCANNED_ALL_THE_REQUIRED_DOCUMENTS": "You won't be able to proceed until you have scanned all the required documents", + "CLICK_ON_SEND_OTP": "Click on \"Send OTP\"", + "YOU_CAN_RESEND_THE_OTP_AFTER_30_SECONDS_IF_YOU_HAVENT_RECEIVED_IT_YET": "You can resend the OTP after 30 seconds if you haven't received it yet", + "CLICK_ON_VERIFY_OTP_TO_VERIFY_YOUR_MOBILE_NUMBER": "Click on Verify OTP to verify your mobile number", + "VERIFY_YOUR_MOBILE_NUMBER": "Verify your mobile number", + "UPDATE_THE_REQUIRED_DETAILS_IN_THE_RELEVANT_FIELDS_BY_CLICKING_THE_EDIT_BUTTON": "Update the required details in the relevant fields by clicking the edit button", + "IF_REQUIRED_SELECT_THE_STATE_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "If required, select the state you belong to from the dropdown list", + "IF_REQUIRED_SELECT_THE_DISTRICT_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST_THIS_WONT_SHOW_ANY_OPTIONS_UNTIL_YOU_HAVE_SELECTED_THE_STATE": "If required, select the district you belong to from the dropdown list. This won't show any options until you have selected the state", + "YOU_WILL_RECIEVE_AN_OTP_ON_YOUR_MOBILE_NUMBER": "You will receive an OTP on your mobile number", + "CLICK_ON_THE_EDIT_BUTTON_TO_UPDATE_THE_REQUIRED_BIOMETRICS": "Click on the edit button to update the required biometrics", + "YOU_CAN_EDIT_YOUR_PHOTOGRAPH_/_FINGERPRINTS_/_IRIS_SCANS": "You can edit your photograph / fingerprints / iris scans", + "SELECT_THE_OPTION_TO_BE_EDITED": "Select the option to be edited", + "CHECK_STATUS": "Check Status", + "PROVIDE_YOUR_EID_NUMBER": "Provide your EID number", + "UPDATE_STATUS": "Update Status", + "APPROVED": "Approved", + "YOUR_AADHAAR_UPDATE_STATUS_IS_APPROVED": "Your Aadhaar update status is approved", + "ENTER_YOUR_EID_NUMBER": "Enter your EID number", + "PENDING": "Pending" } diff --git a/client/src/components/LanguageSelect/locales/hi/translation.json b/client/src/components/LanguageSelect/locales/hi/translation.json index e293a15..fbdf254 100644 --- a/client/src/components/LanguageSelect/locales/hi/translation.json +++ b/client/src/components/LanguageSelect/locales/hi/translation.json @@ -102,5 +102,45 @@ "YOU_HAVENT_UPDATED_ANYTHING_DIRECTING_YOU_TO_MAIN_PAGE": "आपने कोई भी अपडेट नहीं किया है, आपको मुखपृष्ठ पर भेजा जा रहा हैं", "STATUS": "स्थिति", "ENROLLMENT_STATUS": "नामांकन की स्थिति", - "BACK_TO_HOME": "मुखपृष्ठ पर वापस" + "BACK_TO_HOME": "मुखपृष्ठ पर वापस", + "FILL_YOUR_INFORMATION": "अपनी जानकारी भरें", + "SELECT_YOUR_RESIDENCY_BY_SELECTING_THE_APPROPRIATE_CHECKBOX": "उचित चेकबॉक्स का चयन करके अपनी रहने की स्थिति का चयन करें", + "ENTER_YOUR_FULL_NAME_WITHOUT_ANY_TITLE_OR_SALUTATION": "कोई शीर्षक या संदेश बिना अपना पूरा नाम दर्ज करें", + "SELECT_YOUR_GENDER_BY_CLICKING_ON_THE_APPROPRIATE_CARD": "उचित कार्ड पर क्लिक करके अपना लिंग चुनें", + "SELECT_YOUR_DATE_OF_BIRTH_FROM_THE_PROVIDED_CALENDER": "प्रदान किए गए कैलेंडर से अपनी जन्मतिथि चुनें", + "ENTER_YOUR_10_DIGIT_MOBILE_NUMBER_WITHOUT_ANY_PREFIX_OR_COUNTRY_ID": "कोई उपसर्ग या देश आईडी बिना अपना 10 अंकों का मोबाइल नंबर दर्ज करें", + "ENTER_YOUR_DETAILS_ACCORDING_TO_THE_RELEVANT_FIELDS": "संबंधित क्षेत्रों के अनुसार अपना विवरण दर्ज करें", + "SELECT_THE_STATE_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "ड्रॉपडाउन सूची से जिस राज्य में आप शामिल हैं उसे चुनें", + "SELECT_THE_DISTRICT_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "ड्रॉपडाउन सूची से जिस जिले में आप शामिल हैं उसे चुनें", + "CAPTURE_YOUR_PHOTO": "अपनी तस्वीर लें", + "ENSURE_THAT_YOUR_PHOTO_IS_CLEAR_AND_IN_FOCUS": "यह सुनिश्चित करें कि आपकी तस्वीर स्पष्ट और फोकस में है", + "ALSO_ENSURE_THAT_YOU_ARE_IN_THE_CENTER_OF_YOUR_PHOTO": "यह सुनिश्चित करें कि आप अपनी तस्वीर के मध्य में हैं", + "YOU_WONT_BE_ABLE_TO_PROCEED_UNTIL_YOU_HAVE_CAPTURED_A_CLEAR_AND_CENTERED_PHOTO": "जब तक आप एक स्पष्ट और केंद्रित तस्वीर लेने तक आप आगे नहीं बढ़ सकते हैं", + "PLEASE_CAPTURE_CLEAR_PHOTOGRAPH": "कृपया स्पष्ट तस्वीर लें", + "PLEASE_WAIT": "कृपया प्रतीक्षा करें", + "SCAN_YOUR_DOCUMENTS": "अपने दस्तावेज़ों को स्कैन करें", + "CONSISTS_OF_3_STEPS": "3 चरणों का अवलोकन करें", + "ENSURE_THAT_YOUR_DOCUMENTS_ARE_IN_THE_CENTER_OF_THE_FRAME": "यह सुनिश्चित करें कि आपके दस्तावेज़ केंद्र में हैं", + "YOU_WONT_BE_ABLE_TO_PROCEED_UNTIL_YOU_HAVE_SCANNED_ALL_THE_REQUIRED_DOCUMENTS": "जब तक आप सभी आवश्यक दस्तावेज़ों को स्कैन नहीं करते तब तक आप आगे नहीं बढ़ सकते हैं", + "CLICK_ON_SEND_OTP": "ओटीपी भेजने पर क्लिक करें", + "YOU_CAN_RESEND_THE_OTP_AFTER_30_SECONDS_IF_YOU_HAVENT_RECEIVED_IT_YET": "यदि आपने अभी तक इसे प्राप्त नहीं किया है तो आप 30 सेकंड के बाद ओटीपी को फिर से भेज सकते हैं", + "CLICK_ON_VERIFY_OTP_TO_VERIFY_YOUR_MOBILE_NUMBER": "अपना मोबाइल नंबर सत्यापित करने के लिए ओटीपी सत्यापित करने पर क्लिक करें", + "VERIFY_YOUR_MOBILE_NUMBER": "अपना मोबाइल नंबर सत्यापित करें", + "UPDATE_THE_REQUIRED_DETAILS_IN_THE_RELEVANT_FIELDS_BY_CLICKING_THE_EDIT_BUTTON": "संशोधित बटन पर क्लिक करके उपयुक्त फ़ील्ड में आवश्यक विवरणों को अपडेट करें", + "IF_REQUIRED_SELECT_THE_STATE_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST": "यदि आवश्यक हो तो ड्रॉपडाउन सूची से आपके जिस राज्य में आप हैं उसे चुनें", + "IF_REQUIRED_SELECT_THE_DISTRICT_YOU_BELONG_TO_FROM_THE_DROPDOWN_LIST_THIS_WONT_SHOW_ANY_OPTIONS_UNTIL_YOU_HAVE_SELECTED_THE_STATE": "यदि आवश्यक हो तो ड्रॉपडाउन सूची से आपके जिस जिले में आप हैं उसे चुनें, यह राज्य का चयन करने तक कोई विकल्प नहीं दिखाएगा", + "YOU_WILL_RECIEVE_AN_OTP_ON_YOUR_MOBILE_NUMBER": "आपको अपने मोबाइल नंबर पर एक ओटीपी प्राप्त होगा", + "CLICK_ON_THE_EDIT_BUTTON_TO_UPDATE_THE_REQUIRED_BIOMETRICS": "आवश्यक बीयमेट्री को अपडेट करने के लिए बटन पर क्लिक करें", + "YOU_CAN_EDIT_YOUR_PHOTOGRAPH_/_FINGERPRINTS_/_IRIS_SCANS": "आप अपने फोटो/फिंगरप्रिंट/आईरिस स्कैन संपादित कर सकते हैं", + "SELECT_THE_OPTION_TO_BE_EDITED": "संपादित करने के लिए विकल्प चुनें", + "CHECK_STATUS": "स्थिति की जाँच करें", + "PROVIDE_YOUR_EID_NUMBER": "अपना ईडी नंबर दर्ज करें", + "UPDATE_STATUS": "अपडेट की स्तिथि", + "APPROVED": "स्वीकृत", + "YOUR_AADHAAR_UPDATE_STATUS_IS_APPROVED": "आपका आधार अपडेट स्तिथि स्वीकृत है", + "ENTER_YOUR_EID_NUMBER": "अपना ईडी नंबर दर्ज करें", + "YOUR_AADHAAR_STATUS_IS_APPROVED": "आपका आधार नामांकन अनुरोध स्वीकृत हो गया है", + "PENDING": "लंबित", + "YOUR_AADHAAR_STATUS_IS_IN_PENDING_STATE": "आपका आधार नामांकन अनुरोध प्रक्रिया में है", + "PLEASE_HAVE_PATIENCE": "कृपया धैर्य रखें, और कम से कम 48 घंटे तक प्रतीक्षा करें" } diff --git a/client/src/components/Modal/Modal.jsx b/client/src/components/Modal/Modal.jsx index 679503e..b9e3c5d 100644 --- a/client/src/components/Modal/Modal.jsx +++ b/client/src/components/Modal/Modal.jsx @@ -2,6 +2,7 @@ import React from 'react' import { Modal, Box, Button } from '@mui/material' import styles from './Modal.module.css' import { Container } from '@mui/system' +import { useTranslation } from 'react-i18next' const PopUpModal = ({ title, description, image }) => { const style = { @@ -15,6 +16,7 @@ const PopUpModal = ({ title, description, image }) => { boxShadow: 24, p: 4 } + const { t } = useTranslation() const [open, setOpen] = React.useState(false) const handleOpen = () => setOpen(true) const handleClose = () => setOpen(false) @@ -36,7 +38,7 @@ const PopUpModal = ({ title, description, image }) => { > <Box sx={style}> <h1 id="modal-modal-title" className={styles.modal__title}> - {title} + {t(`${title}`)} </h1> <Container sx={{ display: 'flex', alignItems: 'center' }}> <img diff --git a/client/src/components/Spinner/Spinner.jsx b/client/src/components/Spinner/Spinner.jsx new file mode 100644 index 0000000..fac2bd4 --- /dev/null +++ b/client/src/components/Spinner/Spinner.jsx @@ -0,0 +1,18 @@ +import React from 'react' +import CircularProgress from '@mui/material/CircularProgress' +import Header from '../Header/Header' +import { useTranslation } from 'react-i18next' +import styles from './Spinner.module.css' + +const Spinner = ({ heading }) => { + const { t } = useTranslation() + console.log(heading) + return ( + <div className={styles.spinner}> + <Header subheading={`${t(`${heading}`)}`} /> + <CircularProgress /> + </div> + ) +} + +export default Spinner diff --git a/client/src/components/Spinner/Spinner.module.css b/client/src/components/Spinner/Spinner.module.css new file mode 100644 index 0000000..04197de --- /dev/null +++ b/client/src/components/Spinner/Spinner.module.css @@ -0,0 +1,6 @@ +.spinner { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; +}
\ No newline at end of file |