fix: hide google customer reviews in buyer portal

apps/storefront/src/App.tsx

@@ -124,7 +124,7 @@ export default function App() {
 
   const [customStyles, setCustomStyle] = useState<string>(CUSTOM_STYLES)
 
-  useDomHooks({ setOpenPage })
+  useDomHooks({ setOpenPage, isOpen })
 
   // open storefront
   useSetOpen(isOpen, openUrl, params)

apps/storefront/src/hooks/dom/useDomHooks.ts

@@ -5,16 +5,18 @@ import { GlobaledContext } from '@/shared/global'
 import { removeCartPermissions } from '@/utils/b3RolePermissions'
 
 import useCartToQuote from './useCartToQuote'
+import useHideGoogleCustomerReviews from './useHideGoogleCustomerReviews'
 import useMyQuote from './useMyQuote'
 import { useOpenPDP } from './useOpenPDP'
 import useRegisteredbctob2b from './useRegisteredbctob2b'
 
 type DispatchProps = Dispatch<SetStateAction<OpenPageState>>
 interface MutationObserverProps {
   setOpenPage: DispatchProps
+  isOpen: boolean
 }
 
-const useDomHooks = ({ setOpenPage }: MutationObserverProps) => {
+const useDomHooks = ({ setOpenPage, isOpen }: MutationObserverProps) => {
   const {
     state: {
       customerId,
@@ -49,6 +51,8 @@ const useDomHooks = ({ setOpenPage }: MutationObserverProps) => {
     setOpenPage,
     cartQuoteEnabled,
   })
+
+  useHideGoogleCustomerReviews({ isOpen })
 }
 
 export default useDomHooks

apps/storefront/src/hooks/dom/useHideGoogleCustomerReviews.ts

@@ -0,0 +1,30 @@
+import { useEffect } from 'react'
+
+import useMobile from '@/hooks/useMobile'
+
+interface B3HideGoogleCustomerReviewsProps {
+  isOpen: boolean
+}
+
+const useHideGoogleCustomerReviews = (
+  props: B3HideGoogleCustomerReviewsProps
+) => {
+  const { isOpen } = props
+
+  const [isMobile] = useMobile()
+
+  useEffect(() => {
+    if (isMobile) return
+    const googleCustomerReviewsDoms = document.querySelectorAll(
+      '[title="Google Customer Reviews"]'
+    )
+    const newVisibilityStyle = isOpen ? 'none' : 'inline-block'
+
+    googleCustomerReviewsDoms.forEach((dom) => {
+      if (dom?.parentElement)
+        dom.parentElement.style.display = newVisibilityStyle
+    })
+  }, [isOpen])
+}
+
+export default useHideGoogleCustomerReviews

apps/storefront/src/hooks/index.ts

@@ -1,5 +1,6 @@
 export { default as useCartToQuote } from './dom/useCartToQuote'
 export { default as useDomHooks } from './dom/useDomHooks'
+export { default as useHideGoogleCustomerReviews } from './dom/useHideGoogleCustomerReviews'
 export { default as useMyQuote } from './dom/useMyQuote'
 export * from './dom/useOpenPDP'
 export { default as useRegisteredbctob2b } from './dom/useRegisteredbctob2b'