From 37218739f48c9ad31770b1b99fab099d49d93d22 Mon Sep 17 00:00:00 2001
From: ismailsosic <ismailsosic@gmail.com>
Date: Fri, 11 Mar 2022 12:05:18 +0100
Subject: [PATCH] add info.js

---
 kivi-cars/src/components/Filters.css   | 24 ------------------------
 kivi-cars/src/components/Filters.js    |  5 -----
 kivi-cars/src/components/Info/Info.css | 10 ++++++++++
 kivi-cars/src/components/Info/Info.js  | 12 ++++++++++++
 kivi-cars/src/containers/App.css       |  6 ++++++
 kivi-cars/src/containers/App.js        |  6 +++++-
 6 files changed, 33 insertions(+), 30 deletions(-)
 create mode 100644 kivi-cars/src/components/Info/Info.css
 create mode 100644 kivi-cars/src/components/Info/Info.js

diff --git a/kivi-cars/src/components/Filters.css b/kivi-cars/src/components/Filters.css
index 5e047cb..6e02fe6 100644
--- a/kivi-cars/src/components/Filters.css
+++ b/kivi-cars/src/components/Filters.css
@@ -1,28 +1,4 @@
-*{
-    margin: 0;
-    padding: 0;
-}
-
-nav {
-    width: 100%;
-    background-color: #02adba;
-    color: #fff;
-    height: 54px;
-    line-height: 54px;
-    text-align: center;
-}
-
-
 @media only screen and (min-width: 601px) {
-    nav {
-        text-align: center;
-        width: 100%;
-        background-color: #02adba;
-        color: #fff;
-        height: 64px;
-        line-height: 64px;
-    }
-
     .container {
         width: 80%;
         display: flex;
diff --git a/kivi-cars/src/components/Filters.js b/kivi-cars/src/components/Filters.js
index 4eb671d..7c4dd6b 100644
--- a/kivi-cars/src/components/Filters.js
+++ b/kivi-cars/src/components/Filters.js
@@ -10,10 +10,6 @@ const Filters = () => {
 
 
     return(
-        <div>
-            <nav>
-                <h3 className="title">Filteri za pretrazivanje</h3>
-            </nav>
             <div className="container">
                 <div className="filters-tabs">
                     <ul className="filters-links">
@@ -36,7 +32,6 @@ const Filters = () => {
                 <div className="container-advanced">
                     
                 </div>
-            </div>
 
 
         </div>
diff --git a/kivi-cars/src/components/Info/Info.css b/kivi-cars/src/components/Info/Info.css
new file mode 100644
index 0000000..1cef691
--- /dev/null
+++ b/kivi-cars/src/components/Info/Info.css
@@ -0,0 +1,10 @@
+nav {
+    width: 100%;
+    min-width: 280px;
+    background-color: #02adba;
+    color: #fff;
+    height: 54px;
+    line-height: 54px;
+    text-align: center;
+}
+
diff --git a/kivi-cars/src/components/Info/Info.js b/kivi-cars/src/components/Info/Info.js
new file mode 100644
index 0000000..73f1ae1
--- /dev/null
+++ b/kivi-cars/src/components/Info/Info.js
@@ -0,0 +1,12 @@
+import './Info.css'
+
+
+const Info = (props) => {
+    return (
+        <nav>
+            <h3 className="title">{props.info}</h3>
+        </nav>
+    )
+}
+
+export default Info
\ No newline at end of file
diff --git a/kivi-cars/src/containers/App.css b/kivi-cars/src/containers/App.css
index 98fc3fa..9b46f2c 100644
--- a/kivi-cars/src/containers/App.css
+++ b/kivi-cars/src/containers/App.css
@@ -1,3 +1,9 @@
+*{
+  padding: 0;
+  margin: 0;
+}
+
+
 .App{
   display: flex;
   flex-direction: column;
diff --git a/kivi-cars/src/containers/App.js b/kivi-cars/src/containers/App.js
index f9eb973..db4ad40 100644
--- a/kivi-cars/src/containers/App.js
+++ b/kivi-cars/src/containers/App.js
@@ -1,12 +1,16 @@
 import './App.css';
 import React from 'react';
 import Filters from '../components/Filters';
+import Info from '../components/Info/Info';
 
 
 function App() {
+
+  const info = 'Dobrodosli'
+
   return (
     <div className="App">
-      <Filters />
+      <Info info={info}/>
     </div>
  
   );