+
{
+
{
disabled={loading ? 'disabled' : ''}
type="submit">
Register
-
-
-
Login
+
+
+ Login
diff --git a/src/components/Image.js b/src/components/Image.js
index da5b1d7..f322b17 100644
--- a/src/components/Image.js
+++ b/src/components/Image.js
@@ -1,39 +1,33 @@
-import { useState } from 'react';
import Img from 'next/image';
import PropTypes from 'prop-types';
+import { useState } from 'react';
const Image = (props) => {
-
const [error, setError] = useState(false);
-
- const {
- src,
- width,
- height,
- alt,
- ...otherProps
- } = props;
-
+
+ const { src, width, height, alt, ...otherProps } = props;
+
// URL to use if the actual image fails to load.
const fallBackUrl = '/static/placeholder.png';
/**
* Handles any error when loading the image.
- *
+ *
* @return {void}
*/
const errorHandler = () => {
setError(true);
- }
+ };
return (
-
+
);
};
@@ -50,11 +44,11 @@ Image.propTypes = {
objectPosition: PropTypes.string,
className: PropTypes.string,
id: PropTypes.string
-}
+};
Image.defaultProps = {
width: 240,
- height: 240,
-}
+ height: 240
+};
export default Image;
diff --git a/src/components/cart/AddToCartButton.js b/src/components/cart/AddToCartButton.js
index a3279e4..b4ee7c6 100644
--- a/src/components/cart/AddToCartButton.js
+++ b/src/components/cart/AddToCartButton.js
@@ -1,11 +1,14 @@
-import { useState, useContext } from 'react';
-import { AppContext } from '../context/AppContext';
-import { addFirstProduct, updateCart } from '../../utils/cart-functions';
+// External.
import Link from 'next/link';
+import { useContext, useState } from 'react';
+
+// Internal.
+import { addFirstProduct, updateCart } from '../../utils/cart-functions';
+import { AppContext } from '../context/AppContext';
const AddToCartButton = (props) => {
const { product } = props;
- const [cart, setCart] = useContext(AppContext);
+ const [, setCart] = useContext(AppContext);
const [showViewCart, setShowViewCart] = useState(false);
/**
diff --git a/src/components/cart/CartIcon.js b/src/components/cart/CartIcon.js
index 0969d6d..7983d20 100644
--- a/src/components/cart/CartIcon.js
+++ b/src/components/cart/CartIcon.js
@@ -1,6 +1,9 @@
+// External.
+import Link from 'next/link';
import { useContext } from 'react';
+
+// Internal.
import { AppContext } from './../context/AppContext';
-import Link from 'next/link';
const CartIcon = () => {
const [cart] = useContext(AppContext);
@@ -10,25 +13,23 @@ const CartIcon = () => {
return (
<>
-
-
- {totalPrice ? (
-
${totalPrice.toFixed(2)}
+
+ {totalPrice ? (
+ ${totalPrice.toFixed(2)}
+ ) : (
+ ''
+ )}
+
+
+ {productsCount ? (
+ {productsCount}
) : (
''
)}
-
-
- {productsCount ? (
- {productsCount}
- ) : (
- ''
- )}
-
-
-
+
+