Fouad
e5f41731ae
* bootstrap next app + add overview page * fix AssetList type * fix up nav stuff * Refactor Nav component and add network components pages * Refactor WorldMap component and update TelegramIcon, GitHubIcon, NymVpnIcon, DiscordIcon, and TwitterIcon components * add service providers page * mixnodes page * delegations page + use material react table for all tables * nodes map page * Refactor StyledLink component and remove unnecessary console.log statements * Refactor ESLint configuration, remove unused dependencies, and update component imports * update deps * Refactor imports and update dependencies * fix dark mode * build single mixnode page * build single gateway page * Refactor handleOnDelegate function to use useCallback in mixnodes page.tsx * Add defaults for constants --------- Co-authored-by: Mark Sinclair <mmsinclair@users.noreply.github.com>
70 lines
1.8 KiB
TypeScript
70 lines
1.8 KiB
TypeScript
'use client'
|
|
|
|
import * as React from 'react'
|
|
import {
|
|
ApiState,
|
|
GatewayReportResponse,
|
|
UptimeStoryResponse,
|
|
} from '@/app/typeDefs/explorer-api'
|
|
import { Api } from '@/app/api'
|
|
import { useApiState } from './hooks'
|
|
|
|
/**
|
|
* This context provides the state for a single gateway by identity key.
|
|
*/
|
|
|
|
interface GatewayState {
|
|
uptimeReport?: ApiState<GatewayReportResponse>
|
|
uptimeStory?: ApiState<UptimeStoryResponse>
|
|
}
|
|
|
|
export const GatewayContext = React.createContext<GatewayState>({})
|
|
|
|
export const useGatewayContext = (): React.ContextType<typeof GatewayContext> =>
|
|
React.useContext<GatewayState>(GatewayContext)
|
|
|
|
/**
|
|
* Provides a state context for a gateway by identity
|
|
* @param gatewayIdentityKey The identity key of the gateway
|
|
*/
|
|
export const GatewayContextProvider = ({
|
|
gatewayIdentityKey,
|
|
children,
|
|
}: {
|
|
gatewayIdentityKey: string
|
|
children: JSX.Element
|
|
}) => {
|
|
const [uptimeReport, fetchUptimeReportById, clearUptimeReportById] =
|
|
useApiState<GatewayReportResponse>(
|
|
gatewayIdentityKey,
|
|
Api.fetchGatewayReportById,
|
|
'Failed to fetch gateway uptime report by id'
|
|
)
|
|
|
|
const [uptimeStory, fetchUptimeHistory, clearUptimeHistory] =
|
|
useApiState<UptimeStoryResponse>(
|
|
gatewayIdentityKey,
|
|
Api.fetchGatewayUptimeStoryById,
|
|
'Failed to fetch gateway uptime history'
|
|
)
|
|
|
|
React.useEffect(() => {
|
|
// when the identity key changes, remove all previous data
|
|
clearUptimeReportById()
|
|
clearUptimeHistory()
|
|
Promise.all([fetchUptimeReportById(), fetchUptimeHistory()])
|
|
}, [gatewayIdentityKey])
|
|
|
|
const state = React.useMemo<GatewayState>(
|
|
() => ({
|
|
uptimeReport,
|
|
uptimeStory,
|
|
}),
|
|
[uptimeReport, uptimeStory]
|
|
)
|
|
|
|
return (
|
|
<GatewayContext.Provider value={state}>{children}</GatewayContext.Provider>
|
|
)
|
|
}
|