From fcc4c3374d85b33755f852bcc559db0a8eb5115a Mon Sep 17 00:00:00 2001
From: Blaster4385 <venkateshchaturvedi12@gmail.com>
Date: Thu, 25 Aug 2022 11:44:08 +0530
Subject: Misc changes and add more translation

---
 client/src/components/Modal/Modal.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'client/src/components/Modal/Modal.jsx')

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
-- 
cgit 

