source: phonelux-frontend/src/App.js@ dbd4834

Last change on this file since dbd4834 was dbd4834, checked in by Marko <Marko@…>, 22 months ago

Homepage, login and register components added

  • Property mode set to 100644
File size: 1.8 KB
Line 
1import { BrowserRouter, Routes, Route } from "react-router-dom";
2import './App.css';
3import GroupedFiltersComponent from "./components/GroupedFiltersComponent/GroupedFiltersComponent";
4import HeaderComponent from "./components/HeaderComponent/HeaderComponent";
5import InputFormComponent from "./components/LoginRegisterComponents/InputFormComponent";
6import LoginFormComponent from "./components/LoginRegisterComponents/LoginFormComponent";
7import RegisterFormComponent from "./components/LoginRegisterComponents/RegisterFormComponent";
8import PaginationComponent from "./components/PaginationComponent/PaginationComponent"
9import PhoneCardComponent from "./components/PhoneCardComponent/PhoneCardComponent";
10import PhoneCardGridComponent from "./components/PhoneCardGridComponent/PhoneCardGridComponent";
11import HomepageComponent from "./components/HomepageComponent"
12import PhonePageComponent from "./components/PhonePageComponent";
13import SortByComponent from "./components/FiltersComponents/SortByComponent";
14import LoginPageComponent from "./components/LoginPageComponent"
15import RegisterPageComponent from "./components/RegisterPageComponent";
16
17
18
19function App() {
20 return (
21 <BrowserRouter>
22 <Routes>
23 {/* { <Route path="/" element={<PhoneCardComponent
24 image_url='https://admin.ledikom.mk/uploads/items/411/1641668143apple-iphone-13-pro-max-1-250x300-pad.jpg?v=1'
25 model='Apple iPhone 13 Pro Max' price='75000'/>}/> } */}
26 <Route path="/" element={<HomepageComponent/>}/>
27 <Route path="/login" element={<LoginPageComponent/>}/>
28 <Route path="/register" element={<RegisterPageComponent/>}/>
29 <Route path="/phones/:phoneId" element={<PhonePageComponent/>} />
30
31 </Routes>
32 </BrowserRouter>
33
34 );
35}
36
37export default App;
Note: See TracBrowser for help on using the repository browser.