use translations and change publish button's label to create

unstructuredstudio · Feb 26, 2024 · 728bf99 · 728bf99
1 parent 5f8fa7f
commit 728bf99
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/zubhub_frontend/zubhub/public/locales/en/translation.json b/zubhub_frontend/zubhub/public/locales/en/translation.json
@@ -947,6 +947,7 @@
   "createActivity": {
     "welcomeMsg": {
       "primary": "Create Activity",
+      "secondary": "Tell us about your informative activity!",
       "edit": "Update Activity"
     },
     "inputs": {
@@ -1068,9 +1069,10 @@
     },
     "buttons": {
       "Next": "Next",
-      "Prev": "Prev",
+      "Prev": "Previous",
       "Submit": "Submit For Review",
-      "Edit": "Save Changes"
+      "Edit": "Save Changes",
+      "create": "Create"
     }
   },
 

diff --git a/zubhub_frontend/zubhub/src/views/create_activity/CreateActivity.jsx b/zubhub_frontend/zubhub/src/views/create_activity/CreateActivity.jsx
@@ -61,7 +61,8 @@ export default function CreateActivity(props) {
 
   const isActive = index => index + 1 === activeStep;
   const isCompleted = index => completedSteps.includes(index + 1);
-
+  const { t } = props;
+
   const handleSetState = obj => {
     if (obj) {
       Promise.resolve(obj).then(obj => {
@@ -185,8 +186,8 @@ export default function CreateActivity(props) {
       <Box className={classes.formContainer}>
         <Grid item md={12} lg={12}>
           <Box sx={{ textAlign: isSmallScreen ? 'left' : 'center' }}>
-            <Typography className={clsx(commonClasses.title1)}>Create Activity</Typography>
-            <Typography>Tell us about your informative activity !</Typography>
+            <Typography className={clsx(commonClasses.title1)}>{t('createActivity.welcomeMsg.primary')}</Typography>
+            <Typography>{t('createActivity.welcomeMsg.secondary')}</Typography>
           </Box>
 
           {/* Step Navigation UI */}
@@ -208,7 +209,7 @@ export default function CreateActivity(props) {
               primaryButtonOutlinedStyle
               startIcon={<ArrowBackIosRounded className={classes.nextButton} />}
             >
-              Previous
+              {t('createActivity.buttons.Prev')}
             </CustomButton>
           )}
 
@@ -219,7 +220,7 @@ export default function CreateActivity(props) {
             primaryButtonStyle
             endIcon={<ArrowForwardIosRounded className={classes.nextButton} />}
           >
-            {activeStep == 2 ? 'Publish' : 'Next'}
+            {activeStep == 2 ? t('createActivity.buttons.create') : t('createActivity.buttons.Next')}
           </CustomButton>
         </Box>
       </Box>