From 38e5b480c0ae4af53bf734d65595fbdbf72dd2c1 Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 23 Dec 2018 23:36:17 +0800
Subject: feat: add a customized ErrorBoundaryFallback

---
 src/components/ErrorBoundaryFallback.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 src/components/ErrorBoundaryFallback.js

(limited to 'src/components/ErrorBoundaryFallback.js')

diff --git a/src/components/ErrorBoundaryFallback.js b/src/components/ErrorBoundaryFallback.js
new file mode 100644
index 0000000..5f15f4f
--- /dev/null
+++ b/src/components/ErrorBoundaryFallback.js
@@ -0,0 +1,27 @@
+import React from 'react';
+import Icon from 'c/Icon';
+import yacd from 's/yacd.svg';
+import github from 's/github.svg';
+
+import s0 from './ErrorBoundaryFallback.module.scss';
+const yacdRepoIssueUrl = 'https://github.com/haishanh/yacd/issues';
+
+function ErrorBoundaryFallback() {
+  return (
+    <div className={s0.root}>
+      <div className={s0.yacd}>
+        <Icon id={yacd.id} width={150} height={150} />
+      </div>
+      <h1>Oops, something went wrong!</h1>
+      <p>
+        If you think this is a bug, reporting this at{' '}
+        <a className={s0.link} href={yacdRepoIssueUrl}>
+          <Icon id={github.id} width={16} height={16} />
+          haishanh/yacd
+        </a>
+      </p>
+    </div>
+  );
+}
+
+export default ErrorBoundaryFallback;
-- 
cgit v1.3.1