Misc changes and add more translation

2 files changed, 24 insertions, 0 deletions

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