Merge pull request #678 from gre/always-show-errors

Always show error in the RenderError

src/components/RenderError.js

@@ -10,12 +10,10 @@ import hardReset from 'helpers/hardReset'
 
 import type { T } from 'types/common'
 
-import Spoiler from 'components/base/Spoiler'
 import ExportLogsBtn from 'components/ExportLogsBtn'
 import Box from 'components/base/Box'
 import Space from 'components/base/Space'
 import Button from 'components/base/Button'
-import TranslatedError from './TranslatedError'
 
 type Props = {
   error: Error,
@@ -94,17 +92,23 @@ ${error.stack}
             {t('app:crash.reset')}
           </Button>
         </Box>
-        <Space of={20} />
+        <Box my={6}>
-        <Spoiler color="wallet" title={t('app:crash.showError')}>
           <ErrContainer>
-            <TranslatedError error={error} />
+            <strong>{String(error)}</strong>
+            <div>{error.stack || 'no stacktrace'}</div>
           </ErrContainer>
-        </Spoiler>
+        </Box>
-        <Space of={10} />
+        <pre
-        <Spoiler color="wallet" title={t('app:crash.showDetails')}>
+          style={{
-          <ErrContainer>{error.stack}</ErrContainer>
+            position: 'fixed',
-        </Spoiler>
+            bottom: 8,
-        <Space of={100} />
+            left: 8,
+            opacity: 0.2,
+            fontSize: 10,
+          }}
+        >
+          {__APP_VERSION__}
+        </pre>
         {children}
       </Box>
     )
@@ -114,14 +118,14 @@ ${error.stack}
 const ErrContainer = ({ children }: { children: any }) => (
   <pre
     style={{
-      marginTop: 10,
+      margin: 'auto',
-      maxWidth: '80%',
+      maxWidth: '80vw',
       overflow: 'auto',
       fontSize: 10,
       fontFamily: 'monospace',
-      background: 'rgba(0, 0, 0, 0.05)',
       cursor: 'text',
       userSelect: 'text',
+      opacity: 0.3,
     }}
   >
     {children}

src/renderer/init.js

@@ -98,7 +98,6 @@ function r(Comp) {
 }
 
 init().catch(e => {
-  // for now we make the app crash instead of pending forever. later we can render the error OR try to recover, but probably this is unrecoverable cases.
   logger.critical(e)
   r(<AppError error={e} language="en" />)
 })