Issue #PS-0000 feat: Jotform implementation

tekdi · Jan 8, 2025 · 0e9ab24 · 0e9ab24
1 parent b9faae6
commit 0e9ab24
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 15 deletions.
diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -151,9 +151,9 @@
     "BETWEEN": "Between {{lowerLimit}} - {{upperLimit}} %",
     "LESS_THAN": "Less than {{range}} %",
     "MODIFY_CENTER_ATTENDANCE": "Modify Center Attendance",
-    "FEEBACK":"Feeback",
-    "WE_VALUE_FEEDBACK":"We Value Your Feedback",
-    "SHARE_THOUGHTS": "Share your thoughts and help us improve our services"
+    "SUPPORT_REQUEST":"Support Request",
+    "WE_ARE_HERE_TO_HELP":"We’re Here to Help",
+    "SUBMIT_YOUR_REQUEST_FOR_ISSUES": "Submit your request and let us assist you with any issues or concerns."
   },
   "LOGIN_PAGE": {
     "USERNAME": "Username",

diff --git a/src/components/MenuDrawer.tsx b/src/components/MenuDrawer.tsx
@@ -196,7 +196,7 @@ const MenuDrawer: React.FC<DrawerProps> = ({
 
   const isAssessments = router.pathname.includes('/assessments');
   const isBoard = router.pathname.includes('/board-enrollment');
-  const isFeeback = router.pathname.includes('/feedback');
+  const isSupportRequest = router.pathname.includes('/support-request');
 
   return (
     <Drawer
@@ -586,17 +586,17 @@ const MenuDrawer: React.FC<DrawerProps> = ({
                 width: '100%',
                 display: 'flex',
                 justifyContent: 'flex-start',
-                background: isFeeback
+                background: isSupportRequest
                   ? theme.palette.primary.main
                   : 'transparent',
                 gap: '10px',
-                padding: isFeeback
+                padding: isSupportRequest
                   ? '16px 18px !important'
                   : '0px 18px !important',
-                color: isFeeback ? '#2E1500' : theme.palette.warning.A200,
-                fontWeight: isFeeback ? '600' : 500,
+                color: isSupportRequest ? '#2E1500' : theme.palette.warning.A200,
+                fontWeight: isSupportRequest ? '600' : 500,
                 '&:hover': {
-                  background: isFeeback
+                  background: isSupportRequest
                     ? theme.palette.primary.main
                     : 'transparent',
                 },
@@ -606,10 +606,10 @@ const MenuDrawer: React.FC<DrawerProps> = ({
                 <Image src={board} alt="feedback-icon" width={24} height={24} />
               }
               onClick={() => {
-                router.push(`/feedback`);
+                router.push(`/support-request`);
               }}
             >
-              {t('COMMON.FEEBACK')}
+              {t('COMMON.SUPPORT_REQUEST')}
             </Button>
           </Box>
         )}

diff --git a/src/pages/feedback.tsx → src/pages/support-request.tsx b/src/pages/feedback.tsx → src/pages/support-request.tsx
@@ -5,7 +5,7 @@ import Typography from '@mui/material/Typography';
 import { useTranslation } from 'next-i18next';
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
 
-const Feedback = () => {
+const SupportRequest = () => {
   const { t } = useTranslation();
   const queryParams = {
     fullName: 'JohnDoe',
@@ -19,10 +19,10 @@ const Feedback = () => {
       <Header />
       <Box ml={'1rem'}>
         <Typography mt={4} variant="h2" color="black">
-          {t('COMMON.WE_VALUE_FEEDBACK')}
+          {t('COMMON.WE_ARE_HERE_TO_HELP')}
         </Typography>
         <Typography mt={4} variant="h5" marginY={'0.2rem'}>
-          {t('COMMON.SHARE_THOUGHTS')}
+          {t('COMMON.SUBMIT_YOUR_REQUEST_FOR_ISSUES')}
         </Typography>
       </Box>
       <JotFormEmbed formId="250065095006449" queryParams={queryParams} />
@@ -39,4 +39,4 @@ export async function getStaticProps({ locale }: any) {
   };
 }
 
-export default Feedback;
+export default SupportRequest;