refact: 11.Cart: The first Solution with useContext only

Author: DinaTaklit

src/projects/11.Cart/Navbar.js

@@ -5,7 +5,7 @@ const Navbar = () => {
  return (
  <nav>
  <div className='nav-center'>
- <h3>useReducer</h3>
+ <h3>useContext</h3>
  <div className='nav-container'>
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>
  <path d='M16 6v2h2l2 12H0L2 8h2V6a6 6 0 1 1 12 0zm-2 0a4 4 0 1 0-8 0v2h8V6zM4 10v2h2v-2H4zm10 0v2h2v-2h-2z' />

src/projects/11.Cart/context.js

@@ -1,9 +1,5 @@
-import React, { useState, useContext, useReducer, useEffect } from 'react'
+import React, { useState, useContext, useEffect } from 'react'
 import cartItems from './data'
-import reducer from './reducer'
-
-
-const url = 'https://course-api.com/react-useReducer-cart-project'
 
 const AppContext = React.createContext()
 

src/projects/11.Cart/index.js

@@ -1,19 +1,11 @@
 import React from 'react'
-import { AppProvider,useGlobalContext } from './context'
+import { AppProvider} from './context'
 import './index.css'
 // components
 import Navbar from './Navbar'
 import CartContainer from './CartContainer'
-// items
 
 function Index() {
- // if (loading) {
- // return (
- // <div className='loading'>
- // <h1>Loading...</h1>
- // </div>
- // )
- // }
  return (
  <AppProvider>
  <main>