disable analytics on stage

services/frontend/src/components/Buttons/ContextMenuButton/ContextMenuButton.tsx

@@ -1,4 +1,5 @@
 import classNames from 'classnames/bind'
+import { useEffect, useState } from 'react'
 import { trigger } from 'utils/events'
 import SvgIcon from 'components/Helpers/SvgIcon/SvgIcon'
 import s from './ContextMenuButton.module.scss'
@@ -61,6 +62,12 @@ const ContextMenuButton = ({
     />
   )
 
+  const [icon, setIcon] = useState<JSX.Element | null>(null)
+
+  useEffect(() => {
+    type && setIcon(getIconElement(type))
+  }, [type])
+
   return (
     <button
       id={id}
@@ -74,12 +81,12 @@ const ContextMenuButton = ({
           rel='noopener noreferrer'
           className={s.link}
         >
-          {type && getIconElement(type)}
+          {icon}
           {children || name}
         </a>
       ) : (
         <>
-          {type && getIconElement(type)}
+          {icon}
           <span>{children || name}</span>
         </>
       )}

services/frontend/src/components/Widgets/Sidebar/FeedbackTab.tsx

@@ -2,9 +2,9 @@ import classNames from 'classnames/bind'
 import { useAuth } from 'context'
 import { useTranslation } from 'react-i18next'
 import { useNavigate } from 'react-router-dom'
+import { ReactComponent as FeedbackIcon } from 'assets/icons/feedBack.svg'
 import { RoutesList } from 'router/RoutesList'
 import { TOOLTIP_DELAY } from 'constants/constants'
-import { SvgIcon } from 'components/Helpers'
 import { BaseToolTip } from 'components/Menus'
 import s from './FeedbackTab.module.scss'
 
@@ -30,7 +30,7 @@ export const FeedbackTab = ({ isActive }: Props) => {
       data-tooltip-id='sidebarFeedbackTab'
       className={cx('feedback', isActive && 'active')}
     >
-      <SvgIcon iconName='feedBack' />
+      <FeedbackIcon />
       <BaseToolTip
         delayShow={TOOLTIP_DELAY}
         id='sidebarFeedbackTab'

services/frontend/src/main.tsx

@@ -18,14 +18,14 @@ const queryClient = new QueryClient({
   },
 })
 
-if (import.meta.env.MODE !== 'DEV') {
+if (import.meta.env.MODE !== 'DEV' && import.meta.env.MODE !== 'STAGE') {
   ReactGA.initialize(import.meta.env.VITE_GOOGLE_ANALYTICS)
 }
 
 prepare().then(() => {
   ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
     <GaContextProvider>
-      {import.meta.env.MODE !== 'DEV' && (
+      {import.meta.env.MODE !== 'DEV' && import.meta.env.MODE !== 'STAGE' && (
         <YMInitializer
           accounts={[Number(import.meta.env.VITE_YANDEX_METRIC_ID)]}
           options={{

services/frontend/src/utils/googleAnalytics.ts

@@ -54,7 +54,8 @@ export const getSkillView = (pageType: PageType, isTableView: boolean) => {
 export const safeFunctionWrapper =
   <T extends any[]>(func: (...args: T) => void) =>
   (...args: T) => {
-    if (import.meta.env.MODE === 'DEV') return
+    const mode = import.meta.env.MODE
+    if (mode === 'DEV' || mode === 'STAGE') return
 
     try {
       func(...args)

services/frontend/src/utils/yandexMetrics.ts

@@ -1,7 +1,8 @@
 import ym from 'react-yandex-metrika'
 
 export const yandexMetrics = (methodName: string, ...args: string[]) => {
-  if (import.meta.env.MODE === 'DEV') return
+  const mode = import.meta.env.MODE
+  if (mode === 'DEV' || mode === 'STAGE') return
 
   ym(methodName, ...args)
 }