refactor app error boundaries

src/renderer/components/error-boundary/router-error-boundary.tsx

@@ -1,103 +0,0 @@
-import { ErrorBoundary } from 'react-error-boundary';
-import { useTranslation } from 'react-i18next';
-
-import { ServerSelector } from '/@/renderer/features/sidebar/components/server-selector';
-import { Box } from '/@/shared/components/box/box';
-import { Button } from '/@/shared/components/button/button';
-import { Center } from '/@/shared/components/center/center';
-import { Group } from '/@/shared/components/group/group';
-import { Icon } from '/@/shared/components/icon/icon';
-import { Stack } from '/@/shared/components/stack/stack';
-import { Text } from '/@/shared/components/text/text';
-
-interface RouterErrorFallbackProps {
-    error: Error;
-    resetErrorBoundary: () => void;
-}
-
-const RouterErrorFallback = ({ error, resetErrorBoundary }: RouterErrorFallbackProps) => {
-    const { t } = useTranslation();
-
-    const handleRefresh = () => {
-        window.location.reload();
-    };
-
-    return (
-        <Box
-            style={{
-                backgroundColor: 'var(--theme-colors-background)',
-                height: '100vh',
-                width: '100vw',
-            }}
-        >
-            <Box
-                style={{
-                    padding: 'var(--theme-spacing-md)',
-                    position: 'absolute',
-                    right: 0,
-                    top: 0,
-                    zIndex: 1000,
-                }}
-            >
-                <ServerSelector />
-            </Box>
-            <Center style={{ height: '100vh' }}>
-                <Stack style={{ maxWidth: '50%' }}>
-                    <Group gap="xs">
-                        <Icon fill="error" icon="error" size="lg" />
-                        <Text size="lg">
-                            {t('error.genericError', { postProcess: 'sentenceCase' })}
-                        </Text>
-                    </Group>
-                    <Text size="sm" style={{ wordBreak: 'break-word' }}>
-                        {error?.message || t('error.genericError', { postProcess: 'sentenceCase' })}
-                    </Text>
-                    {process.env.NODE_ENV === 'development' && error?.stack && (
-                        <Text
-                            size="xs"
-                            style={{
-                                backgroundColor: 'var(--theme-colors-error)',
-                                color: 'var(--theme-colors-errorText)',
-                                fontFamily: 'monospace',
-                                maxHeight: '300px',
-                                overflow: 'auto',
-                                padding: '10px',
-                                wordBreak: 'break-word',
-                            }}
-                        >
-                            {error.stack}
-                        </Text>
-                    )}
-                    <Group grow>
-                        <Button onClick={resetErrorBoundary} size="md" variant="default">
-                            {t('common.reload', { postProcess: 'sentenceCase' })}
-                        </Button>
-                        <Button onClick={handleRefresh} size="md" variant="filled">
-                            {t('common.refresh', { postProcess: 'sentenceCase' })}
-                        </Button>
-                    </Group>
-                </Stack>
-            </Center>
-        </Box>
-    );
-};
-
-interface RouterErrorBoundaryProps {
-    children: React.ReactNode;
-}
-
-export const RouterErrorBoundary = ({ children }: RouterErrorBoundaryProps) => {
-    return (
-        <ErrorBoundary
-            FallbackComponent={RouterErrorFallback}
-            onError={(error, errorInfo) => {
-                if (process.env.NODE_ENV === 'development') {
-                    console.error('Root error boundary caught an error:', error, errorInfo);
-                }
-            }}
-            onReset={() => {}}
-        >
-            {children}
-        </ErrorBoundary>
-    );
-};