unfinished locationpage

kivi-cars/src/containers/App.js

@@ -4,6 +4,7 @@ import { React, useEffect, useState } from 'react';
 import CategoryPage from './CategoryPage';
 import LandingPage from './LandingPage';
 import FiltersPage from './FiltersPage';
+import LocationPage from './LocationPage';
 import EmailPage from './EmailPage';
 import CongratsPage from './CongratsPage';
 import LinkR from '../data/routes';
@@ -27,6 +28,7 @@ function App() {
           <Route path='/' element={<LandingPage />} />
           <Route path='category' element={<CategoryPage data={{filtersData, setFiltersData}} routes={LinkR.category} />}/>
           <Route path='filters' element={<FiltersPage data={{filtersData, setFiltersData}} routes={LinkR.filters}/>}/>
+          <Route path='location' element={<LocationPage data={{filtersData, setFiltersData}} routes={LinkR.location}/>}/>
           <Route path='email' element={<EmailPage data={{filtersData, setFiltersData}} routes={LinkR.email} />}/>
           <Route path='congrats' element={<CongratsPage data={{filtersData, setFiltersData}} routes={LinkR.congrats} />}/>
         

kivi-cars/src/containers/CongratsPage.js

@@ -1,5 +1,4 @@
 import Header from '../components/Header/Header';
-import StandardBtn from '../components/Button/StandardBtn';
 import TitleBtn from '../components/Button/TitleBtn';
 import './css/CongratsPage.css'
 import { Link } from 'react-router-dom';

kivi-cars/src/containers/FiltersPage.js

@@ -2,7 +2,7 @@ import {React, useState} from "react";
 import './css/FiltersPage.css';
 import Header from "../components/Header/Header";
 import ButtonsToolbar from "../components/ButtonsToolbar/ButtonsToolbar";
-import FiltersNav from '../components/FiltersNavbar/FiltersNav'
+import FiltersNav from '../components/FiltersNavbar/FiltersNav';
 import StandardFilters from "../components/Filters/Standard-filters";
 import AdvancedFilters from "../components/Filters/Advanced-filters";
 

kivi-cars/src/containers/LocationPage.js

@@ -0,0 +1,27 @@
+import React, { useState } from 'react';
+import './css/LocationPage.css';
+import Header from "../components/Header/Header";
+import Filter from '../components/Filters/Filter/Filter';
+import Location from '../data/location';
+import LocationFilter from '../components/Location/LocationFilter';
+import ButtonsToolbar from '../components/ButtonsToolbar/ButtonsToolbar';
+
+const LocationPage = (props) => {
+
+    const {filtersData, setFiltersData} = props.data
+    const naslov = "Dodajte lokaciju"
+
+
+
+    return (
+        <div>
+            <Header header={naslov}/>
+            <ButtonsToolbar routes={props.routes}/>
+            <LocationFilter data={{filtersData, setFiltersData}}/>
+
+            
+        </div>
+    );
+}
+
+export default LocationPage

kivi-cars/src/containers/css/LocationPage.css

@@ -0,0 +1,4 @@
+*{
+    margin: 0;
+    padding: 0;
+}