Fix typo with thumbnail spelling (#279)

gatsbyjs · Aug 17, 2019 · 0dc9fcc · 0dc9fcc
1 parent f5ffdeb
commit 0dc9fcc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Cart/CartListItem.js b/src/components/Cart/CartListItem.js
@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 
 import { MdClose } from 'react-icons/md';
 
-import CartThumbail from './CartThumbail';
+import CartThumbnail from './CartThumbnail';
 import { Input } from '../shared/FormElements';
 import { Button } from '../shared/Buttons';
 
@@ -17,7 +17,7 @@ const CartListItemRoot = styled('li')`
   padding: ${spacing.md}px 0;
 `;
 
-const Thumbail = styled(CartThumbail)`
+const Thumbnail = styled(CartThumbnail)`
   flex-grow: 0;
   margin-left: ${spacing['2xs']}px;
   margin-right: ${spacing.sm}px;
@@ -124,7 +124,7 @@ export default ({
 
   return (
     <CartListItemRoot>
-      <Thumbail
+      <Thumbnail
         id={item.variant.image.id}
         fallback={item.variant.image.src}
         alt={item.variant.image.altText}

diff --git a/src/components/Cart/CartThumbail.js → src/components/Cart/CartThumbnail.js b/src/components/Cart/CartThumbail.js → src/components/Cart/CartThumbnail.js
@@ -5,14 +5,14 @@ import Image from 'gatsby-image';
 
 import { colors, radius } from '../../utils/styles';
 
-const CartThumbailRoot = styled(Image)`
+const CartThumbnailRoot = styled(Image)`
   border: 1px solid ${colors.brandLight};
   border-radius: ${radius.default}px;
   height: 36px;
   width: 36px;
 `;
 
-const CartThumbail = ({
+const CartThumbnail = ({
   shopifyImages,
   id: imageId,
   fallback,
@@ -26,7 +26,7 @@ const CartThumbail = ({
     imageProps.src = fallback;
   }
 
-  return <CartThumbailRoot {...imageProps} />;
+  return <CartThumbnailRoot {...imageProps} />;
 };
 
 export default props => (
@@ -56,7 +56,7 @@ export default props => (
         .map(({ node }) => node.images)
         .reduce((acc, val) => acc.concat(val), []);
 
-      return <CartThumbail shopifyImages={images} {...props} />;
+      return <CartThumbnail shopifyImages={images} {...props} />;
     }}
   />
 );