Changes

components/auth/ForgotPassword.tsx

@@ -1,9 +1,7 @@
 import { FC, useEffect, useState, useCallback } from 'react'
 import { validate } from 'email-validator'
-import { Info } from '@components/icons'
 import { useUI } from '@components/ui/context'
 import { Logo, Button, Input } from '@components/ui'
-import useSignup from '@bigcommerce/storefront-data-hooks/dist/use-signup'
 
 interface Props {}
 
@@ -15,7 +13,6 @@ const ForgotPassword: FC<Props> = () => {
   const [dirty, setDirty] = useState(false)
   const [disabled, setDisabled] = useState(false)
 
-  const signup = useSignup()
   const { setModalView, closeModal } = useUI()
 
   const handleSignup = async () => {
@@ -23,19 +20,6 @@ const ForgotPassword: FC<Props> = () => {
       setDirty(true)
       handleValidation()
     }
-
-    // try {
-    //   setLoading(true)
-    //   setMessage('')
-    //   await signup({
-    //     email,
-    //   })
-    //   setLoading(false)
-    //   closeModal()
-    // } catch ({ errors }) {
-    //   setMessage(errors[0].message)
-    //   setLoading(false)
-    // }
   }
 
   const handleValidation = useCallback(() => {

components/cart/CartSidebarView/CartSidebarView.tsx

@@ -2,7 +2,7 @@ import { FC } from 'react'
 import cn from 'classnames'
 import { UserNav } from '@components/core'
 import { Button } from '@components/ui'
-import { ArrowLeft, Bag, Cross, Check } from '@components/icons'
+import { Bag, Cross, Check } from '@components/icons'
 import { useUI } from '@components/ui/context'
 import useCart from '@bigcommerce/storefront-data-hooks/dist/cart/use-cart'
 import usePrice from '@bigcommerce/storefront-data-hooks/dist/use-price'
@@ -47,7 +47,7 @@ const CartSidebarView: FC = () => {
               aria-label="Close panel"
               className="hover:text-gray-500 transition ease-in-out duration-150"
             >
-              <ArrowLeft className="h-6 w-6" />
+              <Cross className="h-6 w-6" />
             </button>
           </div>
           <div className="space-y-1">

components/core/Footer/Footer.module.css

@@ -0,0 +1,9 @@
+.link {
+  & > svg {
+    @apply transform duration-75 ease-linear;
+  }
+
+  &:hover > svg {
+    @apply scale-110;
+  }
+}

components/core/Footer/Footer.tsx

@@ -7,7 +7,7 @@ import getSlug from '@utils/get-slug'
 import { Github } from '@components/icons'
 import { Logo, Container } from '@components/ui'
 import { I18nWidget } from '@components/core'
-
+import s from './Footer.module.css'
 interface Props {
   className?: string
   children?: any
@@ -83,7 +83,9 @@ const Footer: FC<Props> = ({ className, pages }) => {
           </div>
           <div className="col-span-1 lg:col-span-6 flex items-start lg:justify-end text-primary">
             <div className="flex space-x-6 items-center h-10">
-              <Github />
+              <a href="https://github.com/vercel/commerce" className={s.link}>
+                <Github />
+              </a>
               <I18nWidget />
             </div>
           </div>