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/Spinner/Spinner.jsx        | 18 ++++++++++++++++++
 client/src/components/Spinner/Spinner.module.css |  6 ++++++
 2 files changed, 24 insertions(+)
 create mode 100644 client/src/components/Spinner/Spinner.jsx
 create mode 100644 client/src/components/Spinner/Spinner.module.css

(limited to 'client/src/components/Spinner')

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