From 471749c81d4e56c22e289945f9713cf74ec04d7f Mon Sep 17 00:00:00 2001
From: Llewellyn D'souza <lledsouza2209@gmail.com>
Date: Thu, 6 Jan 2022 16:06:02 +0530
Subject: [PATCH] Added: Dashboard layout

---
 src/App.js                     |  3 ++-
 src/index.css                  |  7 +++++--
 src/layouts/dashboard/index.js | 13 +++++++++++++
 3 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 src/layouts/dashboard/index.js

diff --git a/src/App.js b/src/App.js
index 448ba7b..8469dc6 100644
--- a/src/App.js
+++ b/src/App.js
@@ -3,6 +3,7 @@ import { Routes, Route, useLocation, Navigate } from 'react-router-dom';
 import Test from './components/Test';
 import AuthProvider, { useAuth } from './config/authProvider';
 import localizationInit from './config/localization';
+import Dashboard from './layouts/dashboard';
 
 localizationInit();
 
@@ -25,7 +26,7 @@ function App() {
   return (
     <AuthProvider>
       <Routes>
-        <Route path="/" element={<>Hey there</>} />
+        <Route path="/" element={<Dashboard />} />
         <Route path="/login" element={<Test />} />
         <Route path="/dashboard" element={<RequireAuth>This is secret</RequireAuth>} />
       </Routes>
diff --git a/src/index.css b/src/index.css
index 8420473..e4baebe 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,10 +1,13 @@
 body {
   margin: 0;
-  font-family: Averta;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
+* {
+  font-family: Averta;
+}
+
 code {
   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
@@ -14,4 +17,4 @@ code {
   src: local('Averta'), url(./assets/fonts/Averta.woff) format('woff');
   /* other formats include: 'woff2', 'truetype, 'opentype',
                             'embedded-opentype', and 'svg' */
-}
\ No newline at end of file
+}
diff --git a/src/layouts/dashboard/index.js b/src/layouts/dashboard/index.js
new file mode 100644
index 0000000..1479a30
--- /dev/null
+++ b/src/layouts/dashboard/index.js
@@ -0,0 +1,13 @@
+export default function Dashboard({ children }) {
+  return (
+    <div className={styles.dashboardGrid}>
+      <div className={styles.mainContent}>
+        <div className={styles.topBar}>search comes here</div>
+        <div className={styles.breadcrumbs}>
+          breadcrumbs {'>'} are {'>'} here
+        </div>
+        <div className={styles.content}>rest content comes here</div>
+      </div>
+    </div>
+  );
+}