From fef9d1c7b622ba421e54531d28a9c09538fd82d7 Mon Sep 17 00:00:00 2001 From: Oksana Zhdanovich Date: Mon, 10 Jun 2024 22:10:57 +0300 Subject: [PATCH] chore: enter browser data in console --- .../hero-background-color.hook.ts | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/landing/fragments/landing-hero/src/hooks/hero-background-color/hero-background-color.hook.ts b/landing/fragments/landing-hero/src/hooks/hero-background-color/hero-background-color.hook.ts index 0f55a372..380369d7 100644 --- a/landing/fragments/landing-hero/src/hooks/hero-background-color/hero-background-color.hook.ts +++ b/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 } }