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, 36 insertions, 0 deletions

diff --git a/Timeline/ClientApp/src/home/TimelineBoardAreaWithUser.tsx b/Timeline/ClientApp/src/home/TimelineBoardAreaWithUser.tsx
new file mode 100644
index 00000000..a8603b9e
--- /dev/null
+++ b/Timeline/ClientApp/src/home/TimelineBoardAreaWithUser.tsx
@@ -0,0 +1,36 @@
+import React from 'react';

+import { Row, Col } from 'reactstrap';

+import { useTranslation } from 'react-i18next';

+

+import TimelineBoard from './TimelineBoard';

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

+

+interface TimelineBoardAreaWithUserProps {

+  ownTimelines?: TimelineInfo[];

+  joinTimelines?: TimelineInfo[];

+}

+

+const TimelineBoardAreaWithUser: React.FC<TimelineBoardAreaWithUserProps> = (

+  props

+) => {

+  const { t } = useTranslation();

+

+  return (

+    <Row className="my-2 justify-content-center">

+      <Col sm="6" lg="5" className="py-2">

+        <TimelineBoard

+          title={t('home.ownTimeline')}

+          timelines={props.ownTimelines}

+        />

+      </Col>

+      <Col sm="6" lg="5" className="py-2">

+        <TimelineBoard

+          title={t('home.joinTimeline')}

+          timelines={props.joinTimelines}

+        />

+      </Col>

+    </Row>

+  );

+};

+

+export default TimelineBoardAreaWithUser;