chore: run ts-migrate

1 files changed, 31 insertions, 0 deletions

diff --git a/src/components/ErrorBoundaryFallback.tsx b/src/components/ErrorBoundaryFallback.tsx
new file mode 100644
index 0000000..bbaf2d7
--- /dev/null
+++ b/src/components/ErrorBoundaryFallback.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+import s0 from './ErrorBoundaryFallback.module.css';
+import SvgGithub from './SvgGithub';
+import SvgYacd from './SvgYacd';
+const yacdRepoIssueUrl = 'https://github.com/haishanh/yacd/issues';
+
+type Props = {
+  message?: string;
+  detail?: string;
+};
+
+function ErrorBoundaryFallback({ message, detail }: Props) {
+  return (
+    <div className={s0.root}>
+      <div className={s0.yacd}>
+        <SvgYacd width={150} height={150} />
+      </div>
+      {message ? <h1>{message}</h1> : null}
+      {detail ? <p>{detail}</p> : null}
+      <p>
+        <a className={s0.link} href={yacdRepoIssueUrl}>
+          <SvgGithub width={16} height={16} />
+          haishanh/yacd
+        </a>
+      </p>
+    </div>
+  );
+}
+
+export default ErrorBoundaryFallback;