Fix GraphEndpoints types

oasisprotocol · Feb 23, 2023 · 61c7eaf · 61c7eaf
1 parent dfd741f
commit 61c7eaf
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 14 deletions.
diff --git a/src/app/pages/HomePage/ParaTimeSelector/Graph/index.tsx b/src/app/pages/HomePage/ParaTimeSelector/Graph/index.tsx
@@ -105,10 +105,10 @@ const GraphCmp: ForwardRefRenderFunction<SVGSVGElement, GraphProps> = (
 
   useEffect(() => {
     setShowEmeraldTooltip(false)
-    setShowMobileTooltip(GraphEndpoint.Consensus, false)
-    setShowMobileTooltip(GraphEndpoint.Emerald, false)
-    setShowMobileTooltip(GraphEndpoint.Cipher, false)
-    setShowMobileTooltip(GraphEndpoint.Sapphire, false)
+    setShowMobileTooltip(GraphEndpoints.Consensus, false)
+    setShowMobileTooltip(GraphEndpoints.Emerald, false)
+    setShowMobileTooltip(GraphEndpoints.Cipher, false)
+    setShowMobileTooltip(GraphEndpoints.Sapphire, false)
   }, [isMobile])
 
   const isGraphEndpointDisabled = (graphEndpoint: GraphEndpoint) => {

diff --git a/src/app/pages/HomePage/index.tsx b/src/app/pages/HomePage/index.tsx
@@ -16,7 +16,7 @@ import { useTranslation } from 'react-i18next'
 import { ParaTimeSelectorStep } from './ParaTimeSelector/types'
 import { MobileTooltipProvider, useMobileTooltip } from './providers/MobileTooltipProvider'
 import { SapphireGraphMobileTooltip } from './GraphTooltip/SapphireGraphTooltip'
-import { GraphEndpoint } from './ParaTimeSelector/Graph/types'
+import { GraphEndpoints } from './ParaTimeSelector/Graph/types'
 import { EmeraldGraphMobileTooltip } from './GraphTooltip/EmeraldGraphTooltip'
 import { ConsensusGraphMobileTooltip } from './GraphTooltip/ConsensusGraphTooltip'
 import { CipherGraphMobileTooltip } from './GraphTooltip/CipherGraphTooltip'
@@ -152,16 +152,16 @@ const HomePageCmp: FC = () => {
         </FooterStyled>
       </HomepageLayout>
       {showMobileTooltip.consensus && (
-        <ConsensusGraphMobileTooltip onClose={() => setShowMobileTooltip(GraphEndpoint.Consensus, false)} />
+        <ConsensusGraphMobileTooltip onClose={() => setShowMobileTooltip(GraphEndpoints.Consensus, false)} />
       )}
       {showMobileTooltip.emerald && (
-        <EmeraldGraphMobileTooltip onClose={() => setShowMobileTooltip(GraphEndpoint.Emerald, false)} />
+        <EmeraldGraphMobileTooltip onClose={() => setShowMobileTooltip(GraphEndpoints.Emerald, false)} />
       )}
       {showMobileTooltip.sapphire && (
-        <SapphireGraphMobileTooltip onClose={() => setShowMobileTooltip(GraphEndpoint.Sapphire, false)} />
+        <SapphireGraphMobileTooltip onClose={() => setShowMobileTooltip(GraphEndpoints.Sapphire, false)} />
       )}
       {showMobileTooltip.cipher && (
-        <CipherGraphMobileTooltip onClose={() => setShowMobileTooltip(GraphEndpoint.Cipher, false)} />
+        <CipherGraphMobileTooltip onClose={() => setShowMobileTooltip(GraphEndpoints.Cipher, false)} />
       )}
     </>
   )

diff --git a/src/app/pages/HomePage/providers/MobileTooltipProvider.tsx b/src/app/pages/HomePage/providers/MobileTooltipProvider.tsx
@@ -1,5 +1,5 @@
 import { createContext, FC, PropsWithChildren, useContext, useState } from 'react'
-import { GraphEndpoint } from '../ParaTimeSelector/Graph/types'
+import { GraphEndpoint, GraphEndpoints } from '../ParaTimeSelector/Graph/types'
 
 interface MobileTooltipProviderState {
   showMobileTooltip: { [key in GraphEndpoint]: boolean }
@@ -12,10 +12,10 @@ interface MobileTooltipProviderContext {
 
 const mobileTooltipProviderInitialState: MobileTooltipProviderState = {
   showMobileTooltip: {
-    [GraphEndpoint.Consensus]: false,
-    [GraphEndpoint.Emerald]: false,
-    [GraphEndpoint.Sapphire]: false,
-    [GraphEndpoint.Cipher]: false,
+    [GraphEndpoints.Consensus]: false,
+    [GraphEndpoints.Emerald]: false,
+    [GraphEndpoints.Sapphire]: false,
+    [GraphEndpoints.Cipher]: false,
   },
 }