From 4923f4a92bc0c9b818305d93dcc3357f96b5e6cf Mon Sep 17 00:00:00 2001 From: Myrthe Dullaart Date: Mon, 29 Apr 2024 13:32:12 +0200 Subject: [PATCH 01/11] add components into seperate functions and create store item li's --- src/App.jsx | 40 ++++----------------------- src/components/footer/Footer.jsx | 19 +++++++++++++ src/components/header/Header.jsx | 12 ++++++++ src/components/header/StoreItemLi.jsx | 13 +++++++++ src/components/header/StoreItemUl.jsx | 17 ++++++++++++ src/components/main/MainComponent.jsx | 21 ++++++++++++++ 6 files changed, 88 insertions(+), 34 deletions(-) create mode 100644 src/components/footer/Footer.jsx create mode 100644 src/components/header/Header.jsx create mode 100644 src/components/header/StoreItemLi.jsx create mode 100644 src/components/header/StoreItemUl.jsx create mode 100644 src/components/main/MainComponent.jsx diff --git a/src/App.jsx b/src/App.jsx index 03e658b..d3dd9f0 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,44 +1,16 @@ import './styles/reset.css' import './styles/index.css' -import initialStoreItems from './store-items' +import Header from './components/header/Header' +import MainComponent from './components/main/MainComponent' +import Footer from './components/footer/Footer' export default function App() { return ( <> -
-

Greengrocers

- -
-
-

Your Cart

-
-
    -
-
-
-
-

Total

-
-
- £0.00 -
-
-
-
- Icons made by - - Icongeek26 - - from - - www.flaticon.com - -
+
+ +