All files / src/hooks/common useBannerOffset.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
 
 
267x
10618x
10611x
 
 
 
10593x
 
 
10593x
 
 
import { useGetFeatureFlagValues } from "FeatureFlags/useGetFeatureFlagValues";
import useMasqueradeReducer from "@hooks/Reducers/useMasqueradeReducer";
import { MASQUERADE_SNACKBAR_HEIGHT } from "@components/Merchants/Masquerade/constants";
 
export const useBannerOffset = (isMenu?: boolean) => {
  const { isMaintenanceStatsBannerEnabled } = useGetFeatureFlagValues();
  const { isMasqueradeMode } = useMasqueradeReducer();
 
  // Add both banner heights when both are visible
  const bannerOffset =
    (isMaintenanceStatsBannerEnabled ? MASQUERADE_SNACKBAR_HEIGHT : 0) +
    (isMasqueradeMode && !isMenu ? MASQUERADE_SNACKBAR_HEIGHT : 0);
 
  return bannerOffset;
};