mirror of
https://github.com/luxfi/explore.git
synced 2026-09-24 00:28:18 +00:00
tom goriunovandGitHub
f0e713b877
* UI customizations: new features Fixes #2905 * colors for graphs * introduce env variable * colors for topbar, stats, selected state and tabs * fix build * fix validator * refactor link.primary.hover color token * refactor selected colors * update styles for switch and fix some color tokens * change color for selectable controls * icon color tokens refactoring * UI customizations: new features Fixes #2905 * test for common components * tweaks * migrate from color-mode-hex cookie to color-theme cookie * clean up * update screenshots * more screenshot updates * update default color of chart line * update envs for mega eth
23 lines
567 B
TypeScript
23 lines
567 B
TypeScript
import React from 'react';
|
|
|
|
import type { IconName } from 'ui/shared/IconSvg';
|
|
import IconSvg from 'ui/shared/IconSvg';
|
|
|
|
const ICONS: Record<string, IconName> = {
|
|
'403': 'error-pages/403',
|
|
'404': 'error-pages/404',
|
|
'422': 'error-pages/422',
|
|
'429': 'error-pages/429',
|
|
'500': 'error-pages/500',
|
|
};
|
|
|
|
interface Props {
|
|
statusCode: number | undefined;
|
|
}
|
|
|
|
const AppErrorIcon = ({ statusCode }: Props) => {
|
|
return <IconSvg name={ ICONS[String(statusCode)] || ICONS['500'] } width="200px" height="100px" color="text.primary"/>;
|
|
};
|
|
|
|
export default AppErrorIcon;
|