...

1 files changed, 23 insertions, 0 deletions

diff --git a/FrontEnd/src/views/timeline/index.tsx b/FrontEnd/src/views/timeline/index.tsx
new file mode 100644
index 00000000..c5bfd7ab
--- /dev/null
+++ b/FrontEnd/src/views/timeline/index.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { useParams } from "react-router";
+
+import TimelinePageTemplate from "../timeline-common/TimelinePageTemplate";
+import TimelineCard from "./TimelineCard";
+
+const TimelinePage: React.FC = () => {
+  const { name } = useParams<{ name: string }>();
+
+  const [reloadKey, setReloadKey] = React.useState<number>(0);
+
+  return (
+    <TimelinePageTemplate
+      timelineName={name}
+      notFoundI18nKey="timeline.timelineNotExist"
+      reloadKey={reloadKey}
+      CardComponent={TimelineCard}
+      onReload={() => setReloadKey(reloadKey + 1)}
+    />
+  );
+};
+
+export default TimelinePage;