From f506223305a15dc124a31805f9e0840d68778a9b Mon Sep 17 00:00:00 2001
From: mohammedsalah7 <mohmsal96@gmail.com>
Date: Sun, 7 Nov 2021 12:32:44 +0200
Subject: [PATCH] create router in app , and format style #40

---
 client/src/App.js                      | 11 +++++++-
 client/src/components/Navbar/style.css | 35 +++++++++++---------------
 2 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/client/src/App.js b/client/src/App.js
index 2a4bc88..c70adfe 100644
--- a/client/src/App.js
+++ b/client/src/App.js
@@ -1,6 +1,15 @@
+import { BrowserRouter as Router } from 'react-router-dom';
+import NavBar from './components/Navbar';
+
 function App() {
   return (
-    <div className="App" />
+    <div className="App">
+
+      <Router>
+        <NavBar />
+
+      </Router>
+    </div>
 
   );
 }
diff --git a/client/src/components/Navbar/style.css b/client/src/components/Navbar/style.css
index 9a6bcc2..63b5d4a 100644
--- a/client/src/components/Navbar/style.css
+++ b/client/src/components/Navbar/style.css
@@ -1,23 +1,18 @@
-.container{
-    display: flex;
-    flex-direction: row;
-    justify-content: space-around;
-    
+.container {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-around;
 }
-.img-logo{
-    width: 90px;
-    height: 80px;
-
+.img-logo {
+  width: 90px;
+  height: 80px;
 }
-.list{
-    display: flex ;
-    align-self: center;
-
+.list {
+  display: flex;
+  align-self: center;
+}
+.agent {
+  display: flex;
+  flex-direction: row;
+  align-self: center;
 }
-.agent{
-
-    display: flex ;
-    flex-direction: row ;
-    align-self: center;
-
-}
\ No newline at end of file