chore: enter-browser-data-in-console

landing/fragments/landing-hero/src/hooks/hero-background-color/hero-background-color.hook.ts

@@ -1,3 +1,5 @@
+/* eslint-disable no-console */
+
 import { useEffect }                  from 'react'
 import { useState }                   from 'react'
 
@@ -9,6 +11,13 @@ export const useHeroBackgroundColor: UseHeroBackgroundColorType = () => {
 
   useEffect(() => {
     const userAgent = navigator.userAgent.toLowerCase()
+    // @ts-ignore
+    const brands = navigator?.userAgentData?.brands.map((b) => b.brand)
+
+    console.log('BACKGROUND_COLOR:', color)
+    console.log('USER_AGENT:', userAgent)
+    console.log('USER_AGENT_DATA:', brands)
+
     if (userAgent.indexOf(Browser.CHROME) > -1) {
       setColor('background.purpleInChrome')
     } else if (userAgent.indexOf(Browser.SAFARI) > -1) {
@@ -18,7 +27,7 @@ export const useHeroBackgroundColor: UseHeroBackgroundColorType = () => {
     } else {
       setColor('background.hero')
     }
-  }, [])
+  }, [color])
 
   return { heroBackgroundColor: color }
 }