mirror of
https://github.com/pezkuwichain/pezkuwi-apps.git
synced 2026-10-31 22:09:48 +00:00
feat: initial Pezkuwi Apps rebrand from polkadot-apps
Rebranded terminology: - Polkadot → Pezkuwi - Kusama → Dicle - Westend → Zagros - Rococo → PezkuwiChain - Substrate → Bizinikiwi - parachain → teyrchain Custom logos with Kurdistan brand colors (#e6007a → #86e62a): - bizinikiwi-hexagon.svg - sora-bizinikiwi.svg - hezscanner.svg - heztreasury.svg - pezkuwiscan.svg - pezkuwistats.svg - pezkuwiassembly.svg - pezkuwiholic.svg
This commit is contained in:
commit
d21bfb1320
5867 files changed
+329019
No files matched your search
@@ -0,0 +1,74 @@
|
||||
// Copyright 2017-2025 @pezkuwi/react-components authors & contributors
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
|
||||
import type { I18nProps } from './types.js';
|
||||
|
||||
import React from 'react';
|
||||
|
||||
import translate from './translate.js';
|
||||
|
||||
interface Props extends I18nProps {
|
||||
children: React.ReactNode;
|
||||
doThrow?: boolean;
|
||||
error?: Error | null;
|
||||
onError?: () => void;
|
||||
trigger?: unknown;
|
||||
}
|
||||
|
||||
interface State {
|
||||
error: Error | null;
|
||||
prevTrigger: string | null;
|
||||
}
|
||||
|
||||
function formatStack (stack = '<unknown>'): React.ReactElement | null {
|
||||
return (
|
||||
<>{stack.split('\n').map((line, index) =>
|
||||
<div key={index}>{line}</div>
|
||||
)}</>
|
||||
);
|
||||
}
|
||||
|
||||
// NOTE: This is the only way to do an error boundary, via extend
|
||||
class ErrorBoundary extends React.Component<Props> {
|
||||
public override state: State = { error: null, prevTrigger: null };
|
||||
|
||||
static getDerivedStateFromError (error: Error): Partial<State> {
|
||||
return { error };
|
||||
}
|
||||
|
||||
static getDerivedStateFromProps ({ trigger }: Props, { prevTrigger }: State): State | null {
|
||||
const newTrigger = JSON.stringify({ trigger });
|
||||
|
||||
return (prevTrigger !== newTrigger)
|
||||
? { error: null, prevTrigger: newTrigger }
|
||||
: null;
|
||||
}
|
||||
|
||||
public override componentDidCatch (error: Error): void {
|
||||
const { doThrow, onError } = this.props;
|
||||
|
||||
onError && onError();
|
||||
|
||||
if (doThrow) {
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
public override render (): React.ReactNode {
|
||||
const { children, error: errorProps, t } = this.props;
|
||||
const { error } = this.state;
|
||||
const displayError = errorProps || error;
|
||||
|
||||
return displayError
|
||||
? (
|
||||
<article className='error extraMargin'>
|
||||
<p>{t('Uncaught error. Something went wrong with the query and rendering of this component. Please supply all the details below when logging an issue, it may help in tracing the cause.')}</p>
|
||||
<p>{displayError.message}</p>
|
||||
{formatStack(displayError.stack)}
|
||||
</article>
|
||||
)
|
||||
: children;
|
||||
}
|
||||
}
|
||||
|
||||
export default translate<Props>(ErrorBoundary);
|
||||
Reference in new issue
Block a user