Merge pull request #705 from sonaliTekdi/responsive_changes

Task #226396 - [FE] - Language files need to be updates with all constants (joincourse,poll list,no result found,placeholder in input field,chat by default message)

packages/common-lib/src/components/NotFound.js

@@ -1,8 +1,10 @@
 import React from 'react'
 import IconByName from './IconByName'
 import Loading from './Loading'
+import { useTranslation } from "react-i18next";
 
 export default function NotFound() {
+  const { t } = useTranslation();
   return (
     <Loading
       icon={
@@ -12,7 +14,7 @@ export default function NotFound() {
           _icon={{ size: '50' }}
         />
       }
-      message={'Not Found'}
+      message={t("NO_RESULT_FOUND")}
     />
   )
 }

packages/nulp_elite/public/locales/be/translation.json

@@ -327,5 +327,17 @@
   "PARTICIPATE_NOW":"এখনই অংশগ্রহণ করুন",
   "LERN_title": "The Learnathon 2.0 শুরু হয়েছে!",
   "LERN_MESSAGE": "যেখানে শহুরে অনুশীলনকারীরা সহযোগিতামূলক শিক্ষাকে উৎসাহিত করার জন্য সমাধানগুলি ভাগ করে নেয়।",
-  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18ই নভেম্বর 2024 এ চালু হয়েছে এবং 20শে ডিসেম্বর 2024 পর্যন্ত চলবে। এখনই আপনার শহুরে সমাধান জমা দিন!"
+  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18ই নভেম্বর 2024 এ চালু হয়েছে এবং 20শে ডিসেম্বর 2024 পর্যন্ত চলবে। এখনই আপনার শহুরে সমাধান জমা দিন!",
+  "NEW_NOTIFICATIONS":"নতুন বিজ্ঞপ্তি (গুলি)",
+  "CLEAR_ALL":"সমস্ত সাফ করুন",
+  "NO_NOTIFICATIONS_FOUND":"কোন বিজ্ঞপ্তি পাওয়া যায়নি",
+  "HELLO_CONNECT_MESSAGE":"নমস্কার! আমি আপনার সাথে সংযোগ করতে চাই",
+  "SEARCH_FOR_USER":"একটি ব্যবহারকারীর জন্য অনুসন্ধান করুন",
+  "FILTER_BY_DESIGNATION":"পদবী দ্বারা ফিল্টার",
+  "ABOUT_SURVEY":" জরিপ সম্পর্কে",
+  "POLL_ENDED_ON":"পোল শেষ হয়েছে৷",
+  "LIVE_UNTIL":"পর্যন্ত লাইভ",
+  "END_REGISTRATION_MESSAGE":" অনুষ্ঠান শেষ হয়েছে। নিবন্ধন আর উপলব্ধ নেই",
+  "REGISTRATION_START_MESSAGE":"রেজিস্ট্রেশন শুরু হবে",
+  "CREATED_BY":"দ্বারা নির্মিত"
 }

packages/nulp_elite/public/locales/en/translation.json

@@ -300,7 +300,7 @@
   "POPULAR_COURSES": "Popular Courses",
   "RECENTLY_ADDED": "Recently Added",
   "THIS_CONTENT_IS_DERIVED_FROM": "This content is derived from",
-  "PUBLISHED_ON_NULP_BY": "PUBLISHED ON NULP BY",
+  "PUBLISHED_ON_NULP_BY": "Published on NULP by",
   "ACCEPT_THE_NULP_TERMS_OF_USE": "I am 18+ years old and understand and accept the NULP Terms of Use",
   "As_A_PATENT_GUARDIAN_ACCEPT_THE_NULP_TERMS_OF_USE": "As a parent/guardian I understand & accept the NULP Terms of Use agree my child to register on NULP with the given information.",
   "CONTENT_DERIVED_FROM": "This content is derived from",
@@ -324,5 +324,17 @@
   "PARTICIPATE_NOW":"Participate Now",
   "LERN_title": "The Learnathon 2.0 Has Begun!",
   "LERN_MESSAGE": "Where urban practitioners share solutions to foster collaborative learning.",
-  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 launched on 18th November 2024 and will continue until 20th December 2024. Submit your urban solutions now!"
+  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 launched on 18th November 2024 and will continue until 20th December 2024. Submit your urban solutions now!",
+  "NEW_NOTIFICATIONS":"New Notification (s)",
+  "CLEAR_ALL":"Clear All",
+  "NO_NOTIFICATIONS_FOUND":"No Notifications Found",
+  "HELLO_CONNECT_MESSAGE":"Hello! I’d like to connect with you.",
+  "SEARCH_FOR_USER":"Search for a User",
+  "FILTER_BY_DESIGNATION":"Filter by Designation",
+  "ABOUT_SURVEY":"About survey",
+  "POLL_ENDED_ON":"Poll Ended On",
+  "LIVE_UNTIL":"Live until",
+  "END_REGISTRATION_MESSAGE":"The event has ended. Registration is no longer available",
+  "REGISTRATION_START_MESSAGE":"Registration will be starting on",
+  "CREATED_BY":"Created By"
 }

packages/nulp_elite/public/locales/gg/translation.json

@@ -330,5 +330,17 @@
   "PARTICIPATE_NOW":"હવે ભાગ લો",
   "LERN_title": "ધ લર્નથોન 2.0 શરૂ થઈ ગયું છે!",
   "LERN_MESSAGE": "જ્યાં શહેરી પ્રેક્ટિશનરો સહયોગી શિક્ષણને પ્રોત્સાહન આપવા માટે ઉકેલો શેર કરે છે.",
-  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18મી નવેમ્બર 2024 ના રોજ લોન્ચ થયું અને 20મી ડિસેમ્બર 2024 સુધી ચાલુ રહેશે. તમારા શહેરી ઉકેલો હમણાં જ સબમિટ કરો!"
+  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18મી નવેમ્બર 2024 ના રોજ લોન્ચ થયું અને 20મી ડિસેમ્બર 2024 સુધી ચાલુ રહેશે. તમારા શહેરી ઉકેલો હમણાં જ સબમિટ કરો!",
+  "NEW_NOTIFICATIONS":"નવી સૂચના (ઓ)",
+  "CLEAR_ALL":"બાધા સાફ કરો",
+  "NO_NOTIFICATIONS_FOUND":"કોઈ સૂચના મળી નથી",
+  "HELLO_CONNECT_MESSAGE":"હેલો! હું તમારી સાથે જોડાવા માંગુ છું",
+  "SEARCH_FOR_USER":"વપરાશકર્તા માટે શોધો",
+  "FILTER_BY_DESIGNATION":"હોદ્દો દ્વારા ફિલ્ટર કરો",
+  "ABOUT_SURVEY":"સર્વે વિશે",
+  "POLL_ENDED_ON":"મતદાન પર સમાપ્ત થયું",
+  "LIVE_UNTIL":"સુધી જીવો",
+  "END_REGISTRATION_MESSAGE":"ઘટના સમાપ્ત થઈ ગઈ છે.",
+  "REGISTRATION_START_MESSAGE":"રેજીસ્ટ્રેશન શરૂ થશે",
+  "CREATED_BY":"દ્વારા બનાવવામાં આવેલ"
 }

packages/nulp_elite/public/locales/hi/translation.json

@@ -321,5 +321,17 @@
   "PARTICIPATE_NOW":"अभी भाग लें",
   "LERN_title": "लर्नथॉन 2.0 शुरू हो गया है!",
   "LERN_MESSAGE": "जहां शहरी व्यवसायी सहयोगात्मक शिक्षा को बढ़ावा देने के लिए समाधान साझा करते हैं।",
-  "LERN_MESSAGE_LINE_TWO":"लर्नथॉन 2.0 18 नवंबर 2024 को लॉन्च हुआ और 20 दिसंबर 2024 तक जारी रहेगा। अब अपना शहरी समाधान सबमिट करें!"
+  "LERN_MESSAGE_LINE_TWO":"लर्नथॉन 2.0 18 नवंबर 2024 को लॉन्च हुआ और 20 दिसंबर 2024 तक जारी रहेगा। अब अपना शहरी समाधान सबमिट करें!",
+  "NEW_NOTIFICATIONS":"नई अधिसूचना",
+  "CLEAR_ALL":"सभी साफ करें",
+  "NO_NOTIFICATIONS_FOUND":"कोई सूचना नहीं मिली",
+  "HELLO_CONNECT_MESSAGE":"नमस्ते! मैं आपसे जुड़ना चाहता हूं.",
+  "SEARCH_FOR_USER":"उपयोगकर्ता को खोजें",
+  "FILTER_BY_DESIGNATION":"पदनाम के अनुसार फ़िल्टर करें",
+  "ABOUT_SURVEY":"सर्वेक्षण के बारे में",
+  "POLL_ENDED_ON":" मतदान समाप्त हो गया",
+  "LIVE_UNTIL":"जब तक जियो",
+  "END_REGISTRATION_MESSAGE":"आयोजन समाप्त हो गया है. पंजीकरण अब उपलब्ध नहीं है",
+  "REGISTRATION_START_MESSAGE":"पंजीकरण प्रारंभ हो जाएगा",
+  "CREATED_BY":"के द्वारा बनाई गई"
 }

packages/nulp_elite/public/locales/ma/translation.json

@@ -322,6 +322,18 @@
   "PARTICIPATE_NOW":"आता सहभागी व्हा",
   "LERN_title": "लर्नथॉन २.० सुरु झाली आहे!",
   "LERN_MESSAGE": "जेथे शहरी अभ्यासक सहयोगी शिक्षणाला चालना देण्यासाठी उपाय सामायिक करतात.",
-  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18 नोव्हेंबर 2024 ला लॉन्च झाला आणि 20 डिसेंबर 2024 पर्यंत सुरू राहील. तुमचे शहरी उपाय आता सबमिट करा!"
+  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18 नोव्हेंबर 2024 ला लॉन्च झाला आणि 20 डिसेंबर 2024 पर्यंत सुरू राहील. तुमचे शहरी उपाय आता सबमिट करा!",
+  "NEW_NOTIFICATIONS":"नवीन सूचना",
+  "CLEAR_ALL":"सर्व साफ करा",
+  "NO_NOTIFICATIONS_FOUND":"कोणत्याही सूचना आढळल्या नाहीत",
+  "HELLO_CONNECT_MESSAGE":"नमस्कार! मला तुमच्याशी कनेक्ट व्हायला आवडेल.",
+  "SEARCH_FOR_USER":"वापरकर्त्यासाठी शोधा",
+  "FILTER_BY_DESIGNATION":"पदनामानुसार फिल्टर करा",
+  "ABOUT_SURVEY":"सर्वेक्षण बद्दल",
+  "POLL_ENDED_ON":"मतदान संपले",
+  "LIVE_UNTIL":"तोपर्यंत जगा",
+  "END_REGISTRATION_MESSAGE":"कार्यक्रम संपला. नोंदणी यापुढे उपलब्ध नाही",
+  "REGISTRATION_START_MESSAGE":"पासून नोंदणी सुरू होणार आहे",
+  "CREATED_BY":"यांनी तयार केले"
 }
 

packages/nulp_elite/public/locales/mal/translation.json

@@ -322,5 +322,17 @@
   "PARTICIPATE_NOW":"ഇപ്പോൾ പങ്കെടുക്കുക",
   "LERN_title": "ലേണത്തോൺ 2.0 ആരംഭിച്ചു!",
   "LERN_MESSAGE": "സഹകരണ പഠനം പ്രോത്സാഹിപ്പിക്കുന്നതിന് നഗരപരിശീലകർ പരിഹാരങ്ങൾ പങ്കിടുന്നിടത്ത്.",
-  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 2024 നവംബർ 18-ന് സമാരംഭിച്ചു, 2024 ഡിസംബർ 20 വരെ തുടരും. നിങ്ങളുടെ നഗര പരിഹാരങ്ങൾ ഇപ്പോൾ സമർപ്പിക്കുക!"
+  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 2024 നവംബർ 18-ന് സമാരംഭിച്ചു, 2024 ഡിസംബർ 20 വരെ തുടരും. നിങ്ങളുടെ നഗര പരിഹാരങ്ങൾ ഇപ്പോൾ സമർപ്പിക്കുക!",
+  "NEW_NOTIFICATIONS":"പുതിയ അറിയിപ്പ് (കൾ)",
+  "CLEAR_ALL":"എല്ലാം മായ്‌ക്കുക",
+  "NO_NOTIFICATIONS_FOUND":"അറിയിപ്പുകളൊന്നും കണ്ടെത്തിയില്ല",
+  "HELLO_CONNECT_MESSAGE":"ഹലോ! നിങ്ങളുമായി ബന്ധപ്പെടാൻ ഞാൻ ആഗ്രഹിക്കുന്നു.",
+  "SEARCH_FOR_USER":"ഉപയോക്താവിനായി തിരയുക",
+  "FILTER_BY_DESIGNATION":"ചുമതല പ്രകാരം ഫിൽട്ടർ ചെയ്യുക",
+  "ABOUT_SURVEY":"സർവേയെ കുറിച്ച്",
+  "POLL_ENDED_ON":"വോട്ടെടുപ്പ് അവസാനിച്ചു",
+  "LIVE_UNTIL":"വരെ ജീവിക്കുക",
+  "END_REGISTRATION_MESSAGE":"പരിപാടി അവസാനിച്ചു. രജിസ്ട്രേഷൻ ഇനി ലഭ്യമല്ല",
+  "REGISTRATION_START_MESSAGE":"രജിസ്‌ട്രേഷൻ ആരംഭിക്കും",
+  "CREATED_BY":"സൃഷ്ടിച്ചത്"
 }

packages/nulp_elite/public/locales/ta/translation.json

@@ -347,5 +347,17 @@
   "PARTICIPATE_NOW":"இப்போது பங்கேற்கவும்",
   "LERN_title": "The Learnathon 2.0 Has Begun!",
   "LERN_MESSAGE": "நகர்ப்புற பயிற்சியாளர்கள் கூட்டுக் கற்றலை வளர்ப்பதற்கான தீர்வுகளை எங்கே பகிர்ந்து கொள்கிறார்கள்.",
-  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18 நவம்பர் 2024 அன்று தொடங்கப்பட்டது மற்றும் 20 டிசம்பர் 2024 வரை தொடரும். உங்கள் நகர்ப்புற தீர்வுகளை இப்போதே சமர்ப்பிக்கவும்!"
+  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18 நவம்பர் 2024 அன்று தொடங்கப்பட்டது மற்றும் 20 டிசம்பர் 2024 வரை தொடரும். உங்கள் நகர்ப்புற தீர்வுகளை இப்போதே சமர்ப்பிக்கவும்!",
+  "NEW_NOTIFICATIONS":"புதிய அறிவிப்பு (கள்)",
+  "CLEAR_ALL":"அனைத்தையும் அழி",
+  "NO_NOTIFICATIONS_FOUND":"அறிவிப்புகள் எதுவும் இல்லை",
+  "HELLO_CONNECT_MESSAGE":"வணக்கம்! நான் உங்களுடன் இணைக்க விரும்புகிறேன்.",
+  "SEARCH_FOR_USER":"பயனரைத் தேடு",
+  "FILTER_BY_DESIGNATION":"பதவியின்படி வடிகட்டவும்",
+  "ABOUT_SURVEY":"சர்வே பற்றி",
+  "POLL_ENDED_ON":"வாக்கெடுப்பு முடிந்தது",
+  "LIVE_UNTIL":"வரை வாழ்க",
+  "END_REGISTRATION_MESSAGE":"நிகழ்வு முடிந்தது. பதிவு இனி கிடைக்காது",
+  "REGISTRATION_START_MESSAGE":"அன்று பதிவு தொடங்கும்",
+  "CREATED_BY":"உருவாக்கியது"
 }

packages/nulp_elite/public/locales/te/translation.json

@@ -286,5 +286,17 @@
   "PARTICIPATE_NOW":"ఇప్పుడే పాల్గొనండి",
   "LERN_title": "లెర్నాథాన్ 2.0 ప్రారంభమైంది!",
   "LERN_MESSAGE": "పట్టణ అభ్యాసకులు సహకార అభ్యాసాన్ని ప్రోత్సహించడానికి పరిష్కారాలను పంచుకునే చోట.",
-  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18 నవంబర్ 2024న ప్రారంభించబడింది మరియు 20 డిసెంబర్ 2024 వరకు కొనసాగుతుంది. మీ పట్టణ పరిష్కారాలను ఇప్పుడే సమర్పించండి!"
+  "LERN_MESSAGE_LINE_TWO":"Learnathon 2.0 18 నవంబర్ 2024న ప్రారంభించబడింది మరియు 20 డిసెంబర్ 2024 వరకు కొనసాగుతుంది. మీ పట్టణ పరిష్కారాలను ఇప్పుడే సమర్పించండి!",
+  "NEW_NOTIFICATIONS":"కొత్త నోటిఫికేషన్ (లు)",
+  "CLEAR_ALL":"అన్నీ క్లియర్ చేయండి",
+  "NO_NOTIFICATIONS_FOUND":"నోటిఫికేషన్‌లు ఏవీ కనుగొనబడలేదు",
+  "HELLO_CONNECT_MESSAGE":"హలో! నేను మీతో కనెక్ట్ అవ్వాలనుకుంటున్నాను",
+  "SEARCH_FOR_USER":"వినియోగదారు కోసం శోధించండి",
+  "FILTER_BY_DESIGNATION":"హోదా ద్వారా ఫిల్టర్ చేయండి",
+  "ABOUT_SURVEY":"సర్వే గురించి",
+  "POLL_ENDED_ON":"పోల్ ముగిసింది",
+  "LIVE_UNTIL":"వరకు జీవించండి",
+  "END_REGISTRATION_MESSAGE":"ఈవెంట్ ముగిసింది. నమోదు ఇకపై అందుబాటులో లేదు",
+  "REGISTRATION_START_MESSAGE":"రిజిస్ట్రేషన్ ప్రారంభం కానుంది",
+  "CREATED_BY":"సృష్టించినది"
 }

packages/nulp_elite/src/components/Notification.js

@@ -16,12 +16,14 @@ import CloseIcon from "@mui/icons-material/Close";
 import { useNavigate } from "react-router-dom";
 import * as util from "../services/utilService";
 const urlConfig = require("../configs/urlConfig.json");
+import { useTranslation } from "react-i18next";
 
 const NotificationPopup = ({ open, handleClose, updateNotificationCount }) => {
   const [notifications, setNotifications] = useState([]);
   const _userId = util.userId();
   const navigate = useNavigate();
-  const [NotificationCount , setNotificationCount] = useState(0)
+  const [NotificationCount , setNotificationCount] = useState(0);
+  const { t } = useTranslation();
 
   useEffect(() => {
     const fetchNotifications = async () => {
@@ -138,7 +140,7 @@ const NotificationPopup = ({ open, handleClose, updateNotificationCount }) => {
   return (
     <Dialog open={open} onClose={handleClose} fullWidth maxWidth="sm">
       <DialogTitle>
-        {NotificationCount} {"New Notification (s)"}
+        {NotificationCount} {t("NEW_NOTIFICATIONS")}
         <IconButton
           aria-label="close"
           onClick={handleClose}
@@ -193,12 +195,12 @@ const NotificationPopup = ({ open, handleClose, updateNotificationCount }) => {
             })}
           </List>
         ) : (
-          <Typography>No Notifications Found</Typography>
+          <Typography>{t("NO_NOTIFICATIONS_FOUND")}</Typography>
         )}
       </DialogContent>
       <DialogActions>
         <Button onClick={handleClearAllNotifications} color="secondary">
-          Clear All
+        {t("CLEAR_ALL")}
         </Button>
       </DialogActions>
     </Dialog>

packages/nulp_elite/src/components/VotingCard.js

@@ -337,7 +337,7 @@ export default function VotingCard({ items, index, onClick }) {
                 </Typography>
 
                 <Box className="pr-5">
-                  <span className=" h3-custom-title"> Poll Ended On</span>
+                  <span className=" h3-custom-title">{t("POLL_ENDED_ON")}</span>
                   <TodayOutlinedIcon
                     className="h3-custom-title pl-10 mt-10"
                     style={{ verticalAlign: "middle" }}

packages/nulp_elite/src/components/VotingDrawerFilter.js

@@ -131,7 +131,7 @@ const VotingDrawerFilter = ({ onFilterChange }) => {
               <DatePicker
                 label={
                   <span>
-                    Select Date From<span className="red"> *</span>
+                    {t("SELECT_DATE_FROM")}<span className="red"> *</span>
                   </span>
                 }
                 value={selectedStartDate}
@@ -141,7 +141,7 @@ const VotingDrawerFilter = ({ onFilterChange }) => {
             <DatePicker
               label={
                 <span>
-                  Select Date To<span className="red"> *</span>
+                  {t("SELECT_DATE_TO")}<span className="red"> *</span>
                 </span>
               }
               value={selectedEndDate}
@@ -252,7 +252,7 @@ const VotingDrawerFilter = ({ onFilterChange }) => {
                 <DatePicker
                   label={
                     <span>
-                      Select Date From<span className="red"> *</span>
+                      {t("SELECT_DATE_FROM")}<span className="red"> *</span>
                     </span>
                   }
                   value={selectedStartDate}
@@ -262,7 +262,7 @@ const VotingDrawerFilter = ({ onFilterChange }) => {
               <DatePicker
                 label={
                   <span>
-                    Select Date To<span className="red"> *</span>
+                    {t("SELECT_DATE_TO")}<span className="red"> *</span>
                   </span>
                 }
                 value={selectedEndDate}