prettier /src

gatsby-node.js

@@ -57,7 +57,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
 
   const products = result.data.products.edges
   const _categories = result.data.categories.edges
-  const categories = _categories.map(i => i.node)
+  const categories = _categories.map((i) => i.node)
   const tags = result.data.tags.group
 
   console.log("products:" + products.length)
@@ -88,7 +88,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
   for (const i of categories) {
     const allSupercategories = getParentRecursively(categories, i).reverse()
     const allSubcategories = getChildrenRecursively(categories, i)
-    const allSubcategoriesIds = [i._id, ...allSubcategories.map(i => i._id)]
+    const allSubcategoriesIds = [i._id, ...allSubcategories.map((i) => i._id)]
     const subcategories = getChildren(allSubcategories, i._id)
 
     const result = await graphql(
@@ -128,7 +128,7 @@ exports.createPages = async ({ graphql, actions, reporter }) => {
     })
   }
 
-  tags.forEach(tag => {
+  tags.forEach((tag) => {
     paginate({
       createPage,
       items: tag.edges,

src/components/baseButton.js

@@ -3,7 +3,9 @@ import PropTypes from "prop-types"
 
 const BaseButton = (props) => (
   <>
-    <button {...props} className={`baseButton ${props.className}`}>{props.children}</button>
+    <button {...props} className={`baseButton ${props.className}`}>
+      {props.children}
+    </button>
     <style jsx>{`
       .baseButton {
         background: none;

src/components/button.js

@@ -34,9 +34,9 @@ const Button = (props) => {
           background: linear-gradient(to bottom, #f9f9f9, #dfdfdf);
           color: #333;
         }
-        
+
         .default3 {
-          background: linear-gradient(to bottom,#f9f9f9,#f5f5f5);
+          background: linear-gradient(to bottom, #f9f9f9, #f5f5f5);
           color: #333;
         }
 

src/components/buttonCart.js

@@ -3,9 +3,13 @@ import { FaShoppingCart } from "react-icons/fa"
 
 import BaseButton from "./baseButton"
 
-const ButtonCart = ({count, onClick}) => (
+const ButtonCart = ({ count, onClick }) => (
   <>
-    <BaseButton className="buttonCart" aria-label="cart button" onClick={onClick}>
+    <BaseButton
+      className="buttonCart"
+      aria-label="cart button"
+      onClick={onClick}
+    >
       <>
         <FaShoppingCart color="white" />
         <span className="cart-count">{count}</span>

src/components/header.js

@@ -11,11 +11,7 @@ import IconBars from "./iconBars"
 import Search from "./search/search"
 import * as Routes from "./sidepanel/routes"
 
-const Header = ({
-  location,
-  setRoutes,
-  getFromRoutesHistory,
-}) => {
+const Header = ({ location, setRoutes, getFromRoutesHistory }) => {
   const [state /* , dispatch */] = useContext(CartContext)
   const [, /* miscState */ miscDispatch] = useContext(MiscContext)
 
@@ -26,7 +22,8 @@ const Header = ({
           className="buttonCategories"
           aria-label="categories button"
           onClick={() =>
-            setRoutes( location,
+            setRoutes(
+              location,
               getFromRoutesHistory(Routes.CATEGORIES) || [Routes.CATEGORIES]
             )
           }
@@ -61,7 +58,8 @@ const Header = ({
           className="buttonUser"
           aria-label="my-account button"
           onClick={() =>
-            setRoutes( location,
+            setRoutes(
+              location,
               getFromRoutesHistory(Routes.MY_ACCOUNT) || [Routes.MY_ACCOUNT]
             )
           }
@@ -71,7 +69,10 @@ const Header = ({
         <ButtonCart
           count={state.length}
           onClick={() =>
-            setRoutes( location,getFromRoutesHistory(Routes.CART) || [Routes.CART])
+            setRoutes(
+              location,
+              getFromRoutesHistory(Routes.CART) || [Routes.CART]
+            )
           }
         />
       </div>

src/components/iconBars.js

@@ -9,7 +9,7 @@ const IconBars = (props) => (
     <style jsx>{`
       .iconBars {
         border: 1px solid #e0b324;
-        padding: .2rem .3rem;
+        padding: 0.2rem 0.3rem;
         border-radius: 3px;
         padding: 4px 4px 1px 4px;
         position: relative;

src/components/inputNumber.js

@@ -31,7 +31,7 @@ const InputNumber = ({
   //TODO should validate 'value' prop?
   const [numberValue, setNumberValue] = useState(value) //valid value as float number
   const [stringValue, setStringValue] = useState(formatToString(value)) //input value as string
-  
+
   const setValues = (value, skipOnChange = false) => {
     // console.log("setValues")
     // console.log(value)

src/components/layout.css

@@ -22,16 +22,20 @@ ul {
   padding: 0;
 }
 
-h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child {
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child {
   margin-top: 0;
 }
 
 a {
-    color: #4183c4;
-    text-decoration: none;
+  color: #4183c4;
+  text-decoration: none;
 }
 
 p {
-    /*margin: 0 0 1em;*/
-    line-height: 1.4285em;
-}
+  /*margin: 0 0 1em;*/
+  line-height: 1.4285em;
+}

src/components/overlay.js

@@ -1,8 +1,12 @@
 import React from "react"
 
-const Overlay = ({_key, isActive = false, onClick }) => (
+const Overlay = ({ _key, isActive = false, onClick }) => (
   <>
-    <div key={_key} className={`overlay ${isActive && "visible"}`} onClick={onClick} />
+    <div
+      key={_key}
+      className={`overlay ${isActive && "visible"}`}
+      onClick={onClick}
+    />
     <style jsx>{`
       .overlay {
         position: fixed;

src/components/product/productCard.js

@@ -14,7 +14,6 @@ const ProductCard = ({
   AddButton,
   hasMountedAndHasValue,
 }) => {
-
   const image = data.images ? (
     <Img fluid={data.images[0].childImageSharp.fluid} alt={data.title} />
   ) : (

src/components/search/searchBox.js

@@ -1,7 +1,7 @@
-import React  from "react"
+import React from "react"
 import Autosuggest from "react-autosuggest"
 
-const SearchBox = props => {
+const SearchBox = (props) => {
   return (
     <div className="searchBox">
       <Autosuggest {...props} ref={props.inputEl} />
@@ -68,7 +68,7 @@ const SearchBox = props => {
           color: rgba(0, 0, 0, 0.87);
           line-height: 1.33;
         }
-        
+
         .react-autosuggest__suggestion--highlighted {
           background-color: #f3f4f5;
         }

src/components/sidepanel/index.js

@@ -1 +1 @@
-export {default} from "./sidepanel"
+export { default } from "./sidepanel"

src/components/sidepanel/panels/auth/login.js

@@ -18,10 +18,11 @@ export default function Login(props) {
           onSubmit={(data, setError) => {
             const result = login(data)
             if (!!result) navigate(myAccountUrl, { replace: true })
-            else setError("auth", {
-              type: "loginFailed",
-              message: "Nombre de usuario o contraseña invalidos"
-            });
+            else
+              setError("auth", {
+                type: "loginFailed",
+                message: "Nombre de usuario o contraseña invalidos",
+              })
           }}
           onSignup={() => navigate(signupUrl)}
           onPasswordReset={() => navigate(passwordResetUrl)}

src/components/sidepanel/panels/auth/logout.js

@@ -2,12 +2,9 @@ import React from "react"
 import "../panel.css"
 
 export default function Logout(props) {
-
   return (
     <>
-      <div className="panel">
-        Cerrando sesion...
-      </div>
+      <div className="panel">Cerrando sesion...</div>
     </>
   )
 }

src/components/sidepanel/panels/auth/signup.js

@@ -13,7 +13,7 @@ export default function Signup(props) {
     <>
       <div className="panel">
         <Form
-          onSubmit={() => alert('SERVICE UNAVAILABLE')}
+          onSubmit={() => alert("SERVICE UNAVAILABLE")}
           onLogin={() => setRoutes(location, [MY_ACCOUNT, LOGIN])}
         />
       </div>

src/components/sidepanel/panels/cart/cartItem.js

@@ -109,13 +109,13 @@ const CartItem = (props) => {
         td {
           padding-right: 1rem;
         }
-        
+
         td.item-total {
           text-align: right;
         }
 
         td:nth-child(3) {
-          display: none
+          display: none;
         }
 
         td:first-child,

src/components/sidepanel/panels/cart/index.js

@@ -13,7 +13,8 @@ const Cart = (props) => {
   const [state, dispatch] = useContext(CartContext)
   const nextPrivateUrl = useGetRelativeUrl(CART, SHIPPING)
   const loginUrl = useGetRelativeUrl(MY_ACCOUNT, LOGIN)
-  const onNextPrivateRoute = () => navigate(isLoggedIn() ? nextPrivateUrl: loginUrl)
+  const onNextPrivateRoute = () =>
+    navigate(isLoggedIn() ? nextPrivateUrl : loginUrl)
 
   const cartTotal = () => {
     let cartTotal = 0

src/components/sidepanel/panels/categories.js

@@ -24,7 +24,7 @@ const Categories = () => {
     }
   `)
 
-  const [/* miscState */, miscDispatch] = useContext(MiscContext)
+  const [, /* miscState */ miscDispatch] = useContext(MiscContext)
   const propsCategories = data.allCategoriesJson.edges
   const categories = propsCategories.map((i) => i.node)
   const rootCategories = getChildren(categories, null)
@@ -37,14 +37,15 @@ const Categories = () => {
 
   const { Panel } = Collapse
 
-  const expandIcon = (props) =>
+  const expandIcon = (props) => (
     <IconContext.Provider
       value={!props.isActive ? { style: { transform: "rotate(90deg)" } } : {}}
     >
       <AiOutlineRight />
     </IconContext.Provider>
+  )
 
-  const ItemLink = ({ name, className='' }) => (
+  const ItemLink = ({ name, className = "" }) => (
     <Link
       to={`/${slugify(name.toLowerCase())}`}
       replace
@@ -72,11 +73,7 @@ const Categories = () => {
         return children ? (
           getPanel(_id, name, children)
         ) : (
-          <ItemLink
-            key={_id}
-            name={name}
-            className="rc-collapse-item"
-          />
+          <ItemLink key={_id} name={name} className="rc-collapse-item" />
         )
       })}
     </Collapse>

src/components/sidepanel/panels/index.js

@@ -1,21 +1,21 @@
 //categories
-export {default as Categories} from "./categories"
+export { default as Categories } from "./categories"
 
 //cart
-export {default as Cart} from "./cart"
-export {default as Shipping} from "./cart/shipping"
-export {default as Payment} from "./cart/payment"
-export {default as Pay} from "./cart/pay"
+export { default as Cart } from "./cart"
+export { default as Shipping } from "./cart/shipping"
+export { default as Payment } from "./cart/payment"
+export { default as Pay } from "./cart/pay"
 
 //myAccount
-export {default as MyAccount} from "./myAccount"
-export {default as Profile} from "./myAccount/profile"
-export {default as Cards} from "./myAccount/cards"
-export {default as Addresses} from "./myAccount/addresses"
-export {default as Orders} from "./myAccount/orders"
+export { default as MyAccount } from "./myAccount"
+export { default as Profile } from "./myAccount/profile"
+export { default as Cards } from "./myAccount/cards"
+export { default as Addresses } from "./myAccount/addresses"
+export { default as Orders } from "./myAccount/orders"
 
 //misc
-export {default as Login} from "./auth/login"
-export {default as Logout} from "./auth/logout"
-export {default as Signup} from "./auth/signup"
-export {default as PasswordReset} from "./auth/passwordReset"
+export { default as Login } from "./auth/login"
+export { default as Logout } from "./auth/logout"
+export { default as Signup } from "./auth/signup"
+export { default as PasswordReset } from "./auth/passwordReset"

src/components/sidepanel/panels/panel.css

@@ -58,4 +58,4 @@
 
 .sub.panel span {
   margin-left: 1.6rem;
-}
+}

src/data/user.json

@@ -33,4 +33,4 @@
       }
     ]
   }
-]
+]

src/templates/productIndex.js

@@ -7,7 +7,7 @@ import Pagination from "../components/pagination"
 
 const ProductIndex = (props) => {
   const products = props.data.allProductsJson.edges
-  
+
   const handlePageChange = (current) => {
     current === 1 ? navigate(`/`) : navigate(`/${current}`)
   }

src/utils.js

@@ -1,6 +1,3 @@
-
-
-
 exports.round = (value, decimals = 2) => {
   return Number(Math.round(value + "e" + decimals) + "e-" + decimals).toFixed(
     decimals