From 2fb1f664222cc7aac9ee1d9db76b2db8b0b22bf0 Mon Sep 17 00:00:00 2001
From: Will Harney <wharney@salesforce.com>
Date: Fri, 10 Nov 2023 16:14:45 -0500
Subject: [PATCH] @W-12627178@ Fix outline on keyboard focus.

---
 .../app/components/product-view/index.jsx     | 32 ++++++++++---------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/packages/template-retail-react-app/app/components/product-view/index.jsx b/packages/template-retail-react-app/app/components/product-view/index.jsx
index b8c26e7f63..6e731acac2 100644
--- a/packages/template-retail-react-app/app/components/product-view/index.jsx
+++ b/packages/template-retail-react-app/app/components/product-view/index.jsx
@@ -8,7 +8,7 @@
 import React, {forwardRef, useEffect, useRef, useState} from 'react'
 import PropTypes from 'prop-types'
 import {useHistory, useLocation} from 'react-router-dom'
-import {useIntl} from 'react-intl'
+import {useIntl, FormattedMessage} from 'react-intl'
 
 import {
     Flex,
@@ -311,13 +311,14 @@ const ProductView = forwardRef(
                                 />
                                 <HideOnMobile>
                                     {showFullLink && product && (
-                                        <Link to={`/product/${product.master.masterId}`}>
-                                            <Text color="blue.600">
-                                                {intl.formatMessage({
-                                                    defaultMessage: 'See full details',
-                                                    id: 'product_view.link.full_details'
-                                                })}
-                                            </Text>
+                                        <Link
+                                            to={`/product/${product.master.masterId}`}
+                                            color="blue.600"
+                                        >
+                                            <FormattedMessage
+                                                id="product_view.link.full_details"
+                                                defaultMessage="See full details"
+                                            />
                                         </Link>
                                     )}
                                 </HideOnMobile>
@@ -473,13 +474,14 @@ const ProductView = forwardRef(
                             </Box>
                             <HideOnDesktop>
                                 {showFullLink && product && (
-                                    <Link to={`/product/${product.master.masterId}`}>
-                                        <Text color="blue.600">
-                                            {intl.formatMessage({
-                                                defaultMessage: 'See full details',
-                                                id: 'product_view.link.full_details'
-                                            })}
-                                        </Text>
+                                    <Link
+                                        to={`/product/${product.master.masterId}`}
+                                        color="blue.600"
+                                    >
+                                        <FormattedMessage
+                                            id="product_view.link.full_details"
+                                            defaultMessage="See full details"
+                                        />
                                     </Link>
                                 )}
                             </HideOnDesktop>