Skip to content
This repository was archived by the owner on Jul 27, 2026. It is now read-only.
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "interbtc-ui",
"version": "2.41.20",
"version": "2.41.21",
"private": true,
"dependencies": {
"@acala-network/sdk-core": "^4.1.5",
Expand Down
7 changes: 0 additions & 7 deletions public/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -18,13 +18,6 @@
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
-->
<script src='https://cdn.jsdelivr.net/npm/@widgetbot/crate@3' async defer>
new Crate({
server: '745259537707040778', // Interlay | Kintsugi (Official)
channel: '1076512688416509992', // #🙉trollbox
defer: true // Only load the widget once the user opens it
})
</script>
</head>

<body>
Expand Down
50 changes: 10 additions & 40 deletions src/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -4,58 +4,28 @@ import '@/component-library/theme/theme.interlay.css';
import '@/component-library/theme/theme.kintsugi.css';

import { configGlobalBig } from '@interlay/monetary-js';
import { OverlayProvider } from '@react-aria/overlays';
import * as React from 'react';
import ReactDOM from 'react-dom';
import { HelmetProvider } from 'react-helmet-async';
import { QueryClient, QueryClientProvider } from 'react-query';
import { ReactQueryDevtools } from 'react-query/devtools';
import { Provider } from 'react-redux';
import { BrowserRouter as Router } from 'react-router-dom';

import { Subscriptions } from '@/hooks/api/tokens/use-balances-subscription';
import ThemeWrapper from '@/legacy-components/ThemeWrapper';
import { SubstrateLoadingAndErrorHandlingWrapper, SubstrateProvider } from '@/lib/substrate';

import App from './App';
import { GeoblockingWrapper } from './components/Geoblock/Geoblock';
import InterlayHelmet from './components/InterlayHelmet';
import ServiceHalted from './pages/ServiceHalted';
import reportWebVitals from './reportWebVitals';
import { store } from './store';
import { NotificationsProvider } from './utils/context/Notifications';

configGlobalBig();

window.isFetchingActive = false;

const queryClient = new QueryClient();

// MEMO: temporarily removed React.StrictMode. We should add back when react-spectrum handles
// it across their library. (Issue: https://github.com/adobe/react-spectrum/issues/779#issuecomment-1353734729)
// MEMO: The apps are halted. All routes and chain connections are bypassed; only the
// branded Service Halted page is rendered. Restore the full provider/router tree to re-enable.
ReactDOM.render(
<GeoblockingWrapper>
<Router>
<QueryClientProvider client={queryClient}>
<HelmetProvider>
<Provider store={store}>
<SubstrateProvider>
<ThemeWrapper>
<SubstrateLoadingAndErrorHandlingWrapper>
<Subscriptions>
<NotificationsProvider>
<OverlayProvider>
<App />
</OverlayProvider>
</NotificationsProvider>
</Subscriptions>
</SubstrateLoadingAndErrorHandlingWrapper>
</ThemeWrapper>
</SubstrateProvider>
</Provider>
</HelmetProvider>
<ReactQueryDevtools initialIsOpen={false} />
</QueryClientProvider>
</Router>
</GeoblockingWrapper>,
<HelmetProvider>
<ThemeWrapper>
<InterlayHelmet />
<ServiceHalted />
</ThemeWrapper>
</HelmetProvider>,
document.getElementById('root')
);

Expand Down
30 changes: 30 additions & 0 deletions src/pages/ServiceHalted/index.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
import { Flex, H1, P } from '@/component-library';
import { APP_NAME, GovernanceTokenLogoWithTextIcon } from '@/config/relay-chains';

const ServiceHalted = (): JSX.Element => (
<div style={{ minHeight: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '24px' }}>
<Flex direction='column' alignItems='center' gap='spacing8' style={{ maxWidth: '600px', textAlign: 'center' }}>
<GovernanceTokenLogoWithTextIcon width={200} />
<Flex direction='column' alignItems='center' gap='spacing4'>
<H1 size='xl2' weight='bold' align='center'>
Service Halted
</H1>
<P align='center'>
The {APP_NAME} app is currently offline as coretime for the chain has not been extended. All funds on the
chain are locked until the chain is restarted. The chain can be restarted following the{' '}
<a
href='https://medium.com/interlay/interlay-and-kintsugi-restart-runbook-1b742dfd0392'
target='_blank'
rel='noreferrer'
style={{ textDecoration: 'underline' }}
>
runbook
</a>
.
</P>
</Flex>
</Flex>
</div>
);

export default ServiceHalted;
Loading