Merge front end to this repo. But I need to wait for aspnet core support for custom port and package manager for dev server.

1 files changed, 39 insertions, 0 deletions

diff --git a/Timeline/ClientApp/src/timeline/TimelinePage.tsx b/Timeline/ClientApp/src/timeline/TimelinePage.tsx
new file mode 100644
index 00000000..5adebe1f
--- /dev/null
+++ b/Timeline/ClientApp/src/timeline/TimelinePage.tsx
@@ -0,0 +1,39 @@
+import React from 'react';

+import { useParams } from 'react-router';

+

+import { ordinaryTimelineService } from '../data/timeline';

+

+import TimelinePageUI from './TimelinePageUI';

+import TimelinePageTemplate from '../timeline/TimelinePageTemplate';

+import { OrdinaryTimelineManageItem } from './TimelineInfoCard';

+import TimelineDeleteDialog from './TimelineDeleteDialog';

+

+const TimelinePage: React.FC = _ => {

+  const { name } = useParams<{ name: string }>();

+

+  const [dialog, setDialog] = React.useState<OrdinaryTimelineManageItem | null>(

+    null

+  );

+

+  let dialogElement: React.ReactElement | undefined;

+  if (dialog === 'delete') {

+    dialogElement = (

+      <TimelineDeleteDialog open close={() => setDialog(null)} name={name} />

+    );

+  }

+

+  return (

+    <>

+      <TimelinePageTemplate

+        name={name}

+        UiComponent={TimelinePageUI}

+        onManage={item => setDialog(item)}

+        service={ordinaryTimelineService}

+        notFoundI18nKey="timeline.timelineNotExist"

+      />

+      {dialogElement}

+    </>

+  );

+};

+

+export default TimelinePage;