refactor: rename context and provider for a more meaningful name

src/App.js

@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react'
 import './App.css'
 import Navigation from './components/Navigation/Navigation'
 import Main from './components/Main/Main'
-import { BooksProvider } from './BooksProvider'
+import { StoreProvider } from './Store'
 import { getAll, update } from './BooksAPI'
 
 const BooksApp = () => {
@@ -53,7 +53,7 @@ const BooksApp = () => {
  <Navigation />
 
  {/* Pass books down to make it available for any consumer component within the provider */}
- <BooksProvider
+ <StoreProvider
  value={{
  books,
  handleShelf,
@@ -65,7 +65,7 @@ const BooksApp = () => {
  }}
  >
  <Main />
- </BooksProvider>
+ </StoreProvider>
  </div>
  )
 }

src/Store.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react'
+
+export const StoreContext = createContext([])
+
+export const StoreProvider = StoreContext.Provider
+
+export default StoreContext

src/components/Book/Book.js

@@ -1,12 +1,12 @@
 import { useContext } from 'react'
-import BooksProvider from '../../BooksProvider'
+import StoreContext from '../../Store'
 import BookShelfChanger from '../BookShelfChanger/BookShelfChanger'
 import placeholder from '../../assets/book-placeholder.jpeg'
 
 const Book = ({ book, search }) => {
  const { title, authors, shelf, id, imageLinks } = book
 
- const { books } = useContext(BooksProvider)
+ const { books } = useContext(StoreContext)
 
  // if book list coming from search results, check if book is already is in any shelf mybooks
  const isBook = () => {

src/components/BookList/books.test.js

@@ -0,0 +1,15 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+import Book from '../Book/Book'
+import BooksProvider from '../../BooksProvider'
+
+/** 
+ This course is not designed to teach Test Driven Development. 
+ Feel free to use this file to test your application, but it 
+ is not required.
+**/
+
+it('renders Book without crashing', () => {
+ const div = document.createElement('div')
+ ReactDOM.render(<Book />, div)
+})

src/components/BookShelfChanger/BookShelfChanger.js

@@ -1,9 +1,9 @@
 import { useContext, useState } from 'react'
-import BooksContext from '../../BooksProvider'
+import StoreContext from '../../Store'
 
 const BookShelfChanger = ({ book }) => {
  const bookShelf = book.shelf ? book.shelf : 'none'
- const { handleShelf } = useContext(BooksContext)
+ const { handleShelf } = useContext(StoreContext)
  const [value, setValue] = useState(bookShelf)
 
  const handleChange = (e) => {

src/components/Main/Main.js

@@ -1,11 +1,11 @@
 import { useContext } from 'react'
 import BookShelf from '../BookShelf/BookShelf'
-import BooksContext from '../../BooksProvider'
+import StoreContext from '../../Store'
 import { BrowserRouter as Router, Switch, Route, Link } from 'react-router-dom'
 import Search from '../Search/Search'
 
 const Main = () => {
- const { currentlyReading, wantToRead, read } = useContext(BooksContext)
+ const { currentlyReading, wantToRead, read } = useContext(StoreContext)
 
  return (
  <Router>