Fix checkout header logo navigation (#670)

* fix checkout header logo navigation bug
SalesforceCommerceCloud · Aug 5, 2022 · 3396472 · 3396472
1 parent f3951c3
commit 3396472
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/template-retail-react-app/app/components/link/index.jsx b/packages/template-retail-react-app/app/components/link/index.jsx
@@ -19,7 +19,7 @@ const Link = React.forwardRef(({href, to, useNavLink = false, ...props}, ref) =>
             as={useNavLink ? NavSPALink : SPALink}
             {...(useNavLink && {exact: true})}
             {...props}
-            to={_href === '/' ? '/' : updatedHref}
+            to={updatedHref}
             ref={ref}
         />
     )

diff --git a/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx b/packages/template-retail-react-app/app/pages/checkout/partials/checkout-header.jsx
@@ -10,15 +10,15 @@ import {Badge, Box, Button, Flex, Center} from '@chakra-ui/react'
 import useBasket from '../../../commerce-api/hooks/useBasket'
 import Link from '../../../components/link'
 import {BasketIcon, BrandLogo} from '../../../components/icons'
+import {HOME_HREF} from '../../../constants'
 
 const CheckoutHeader = () => {
     const basket = useBasket()
-
     return (
         <Box px={[4, 4, 8]} bg="white" borderBottom="1px" borderColor="gray.100">
             <Box maxWidth="container.xxxl" marginLeft="auto" marginRight="auto">
                 <Flex h={{base: '52px', md: '80px'}} align="center" justify="space-between">
-                    <Link href="/" title="Back to homepage">
+                    <Link href={HOME_HREF} title="Back to homepage">
                         <BrandLogo
                             width={{base: '35px', md: '45px'}}
                             height={{base: '24px', md: '32px'}}