Initial error handling implementation

client/components/Application/Error.tsx

@@ -0,0 +1,14 @@
+import ErrorDialog from '../Parts/Dialogs/Error'
+import { useStore } from './store'
+
+export default function Error() {
+  const updateState = useStore((state) => state.updateState)
+  const error = useStore((state) => state.error)
+  if (!error) return null
+  return (
+    <ErrorDialog
+      detail={error.detail}
+      onClose={() => updateState({ error: undefined })}
+    />
+  )
+}

client/components/Application/Layout.tsx

@@ -5,6 +5,7 @@ import Columns from '../Parts/Grids/Columns'
 import Action from './Action'
 import Content from './Content'
 import Dialog from './Dialog'
+import Error from './Error'
 import Header from './Header'
 import Browser from './Browser'
 import Menu from './Menu'
@@ -20,6 +21,7 @@ export default function Layout() {
   }, [])
   return (
     <React.Fragment>
+      <Error />
       <Dialog />
       <Header />
       <Columns layout={[3, 9]}>