comments clean up

Author: phoenixdev0117

src/actions.ts

@@ -20,28 +20,4 @@ export const TOGGLE_CART_ITEM_AMOUNT = 'TOGGLE_CART_ITEM_AMOUNT'
 export const CLEAR_CART = 'CLEAR_CART'
 export const COUNT_CART_TOTALS = 'COUNT_CART_TOTALS'
 export const HANDLE_CLICK_FROM_SERVICES = 'HANDLE_CLICK_FROM_SERVICES'
-export const RESET_IS_CLICK_FROM_SERVICES = 'RESET_IS_CLICK_FROM_SERVICES'
-
-// export enum Actions {
-//   SIDEBAR_OPEN = 'SIDEBAR_OPEN',
-//   SIDEBAR_CLOSE = 'SIDEBAR_CLOSE',
-//   GET_PRODUCTS_BEGIN = 'GET_PRODUCTS_BEGIN',
-//   GET_PRODUCTS_SUCCESS = 'GET_PRODUCTS_SUCCESS',
-//   GET_PRODUCTS_ERROR = 'GET_PRODUCTS_ERROR',
-//   GET_SINGLE_PRODUCT_BEGIN = 'GET_SINGLE_PRODUCT_BEGIN',
-//   GET_SINGLE_PRODUCT_SUCCESS = 'GET_SINGLE_PRODUCT_SUCCESS',
-//   GET_SINGLE_PRODUCT_ERROR = 'GET_SINGLE_PRODUCT_ERROR',
-//   LOAD_PRODUCTS = 'LOAD_PRODUCTS',
-//   SET_GRID_VIEW = 'SET_GRID_VIEW',
-//   SET_LIST_VIEW = 'SET_LIST_VIEW',
-//   UPDATE_SORT = 'UPDATE_SORT',
-//   SORT_PRODUCTS = 'SORT_PRODUCTS',
-//   UPDATE_FILTERS = 'UPDATE_FILTERS',
-//   FILTER_PRODUCTS = 'FILTER_PRODUCTS',
-//   CLEAR_FILTERS = 'CLEAR_FILTERS',
-//   ADD_TO_CART = 'ADD_TO_CART',
-//   REMOVE_CART_ITEM = 'REMOVE_CART_ITEM',
-//   TOGGLE_CART_ITEM_AMOUNT = 'TOGGLE_CART_ITEM_AMOUNT',
-//   CLEAR_CART = 'CLEAR_CART',
-//   COUNT_CART_TOTALS = 'COUNT_CART_TOTALS',
-// }
+export const RESET_IS_CLICK_FROM_SERVICES = 'RESET_IS_CLICK_FROM_SERVICES'

src/assets/logo_word.jpg

@@ -1,9 +1,9 @@
 import React, { useState } from 'react'
 import styled from 'styled-components'
 import { Link } from 'react-router-dom'
-import { productDataType } from '../../utils/productData'
-import { useCartContext } from '../../context/cart_context'
-import AmountButtons from '../AmountButtons'
+import { productDataType } from '../utils/productData'
+import { useCartContext } from '../context/cart_context'
+import AmountButtons from './AmountButtons'
 
 const AddToCart: React.FC<{ singleProduct: productDataType | {} }> = ({
   singleProduct,

src/components/AddToCart/AddToCart.tsx src/components/AddToCart.tsx

@@ -5,7 +5,6 @@ import { useCartContext } from '../context/cart_context'
 import { formatPrice } from '../utils/helpers'
 import { useHistory } from 'react-router-dom'
 import styled from 'styled-components'
-
 // Billing info and style from Stripe YouTube tutorial
 import Row from './Row'
 import BillingDetailsFields from './BillingDetailsFields'
@@ -41,7 +40,7 @@ export const CheckoutForm = () => {
     }
   }
 
-  // send cart, totalAmount to netlify function when component mounts
+  // send cart to netlify function when component mounts
   useEffect(() => {
     createPaymentIntent()
     // eslint-disable-next-line

src/components/CheckoutForm.tsx

@@ -13,10 +13,6 @@ export const HeightFilters = () => {
   } = useFilterContext()
   const uniqueHeights: any = getUniqueValues(allProducts, 'height', true)
 
-  // uniqueHeights.sort((a: string, b: string) => {
-  //   return Number(a.match(/\d+/)![0]) - Number(b.match(/\d+/)![0])
-  // })
-
   const sortedUniqueHeight = sortUniqueCategoriesByFirstNumber(uniqueHeights)
 
   return (

src/components/Filters/HeightFilters.tsx

@@ -1,5 +1,4 @@
 import React from 'react'
-// import logo from '../../assets/logo_word.jpg'
 import whiteLogo from '../../assets/logo_white.png'
 import { Link } from 'react-router-dom'
 

src/components/Navbar/Logo.tsx

@@ -1,5 +1,5 @@
 import React from 'react'
-import logo from '../../assets/logo_word.jpg'
+import logo from '../../assets/logo_white.png'
 import { Link } from 'react-router-dom'
 import { FaTimes } from 'react-icons/fa'
 import { useProductsContext } from '../../context/products_context'

src/components/Sidebar/SidebarHeader.tsx

@@ -8,7 +8,7 @@ import Contact from './Contact/Contact'
 import FeaturedProducts from './FeaturedProducts/FeaturedProducts'
 import Loading from './Loading'
 import ProductImages from './ProductImages'
-import AddToCart from './AddToCart/AddToCart'
+import AddToCart from './AddToCart'
 import AmountButtons from './AmountButtons'
 import Filters from './Filters/Filters'
 import ProductList from './ProductList'

src/components/index.ts

@@ -19,7 +19,6 @@ export type cartType = {
 }
 
 export type initialStateType = {
-  // add shipping fee later
   cart: cartType[]
   totalItems: number
   totalAmount: number

src/context/cart_context.tsx

@@ -147,7 +147,7 @@ export const FilterProvider: React.FC = ({ children }) => {
     </FilterContext.Provider>
   )
 }
-// make sure use
+
 export const useFilterContext = () => {
   return useContext(FilterContext)
 }

src/context/filter_context.tsx

@@ -61,7 +61,7 @@ export const ProductsProvider: React.FC = ({ children }) => {
       const singleProduct: productDataType = state.allProducts.filter(
         (product: productDataType) => product.slug === slug
       )[0]
-      // running filter() on empty allProducts will result in undefined
+      // running filter() on empty allProducts [] will result in undefined
       // this if clause guard against such case
       if (singleProduct) {
         dispatch({ type: GET_SINGLE_PRODUCT_SUCCESS, payload: singleProduct })

src/context/products_context.tsx

@@ -12,13 +12,11 @@ export const SingleProductContent = () => {
   return (
     <section className='content'>
       <h2>{name}</h2>
-      {/* insert stars component here  */}
       <h5 className='price'>{price && formatPrice(price)}</h5>
       <p className='desc'>{itemDescription}</p>
       <p className='info'>
         <span>Availability : </span>
         {stock ? 'In stock' : 'Out of stock'}
-        {/* logic showing in stock or out of stock */}
       </p>
 
       {brand ? (

src/pages/SingleProductPage/SingleProductContent.tsx

@@ -21,7 +21,6 @@ const SingleProductPage = () => {
 
   // when page refreshes, allProducts changes from [] to an array of data from API
   // so if state of allProducts changes, run this useEffect too for the case of page refresh
-
   useEffect(() => {
     if (slug) {
       fetchSingleProduct(slug)