From 3f6dbd2bd0fc8c9439733c88f6c169ed28c2def7 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Sun, 14 Feb 2021 17:29:11 +0800
Subject: ...

---
 FrontEnd/src/app/views/common/LoadFailReload.tsx | 37 ++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 FrontEnd/src/app/views/common/LoadFailReload.tsx

(limited to 'FrontEnd/src/app/views/common/LoadFailReload.tsx')

diff --git a/FrontEnd/src/app/views/common/LoadFailReload.tsx b/FrontEnd/src/app/views/common/LoadFailReload.tsx
new file mode 100644
index 00000000..a80e7b76
--- /dev/null
+++ b/FrontEnd/src/app/views/common/LoadFailReload.tsx
@@ -0,0 +1,37 @@
+import React from "react";
+import { Trans } from "react-i18next";
+
+export interface LoadFailReloadProps {
+  className?: string;
+  style?: React.CSSProperties;
+  onReload: () => void;
+}
+
+const LoadFailReload: React.FC<LoadFailReloadProps> = ({
+  onReload,
+  className,
+  style,
+}) => {
+  return (
+    <Trans
+      i18nKey="loadFailReload"
+      parent="div"
+      className={className}
+      style={style}
+    >
+      0
+      <a
+        href="#"
+        onClick={(e) => {
+          onReload();
+          e.preventDefault();
+        }}
+      >
+        1
+      </a>
+      2
+    </Trans>
+  );
+};
+
+export default LoadFailReload;
-- 
cgit v1.2.3

