Timeline/ClientApp/src/app/home/TimelineBoardAreaWithUser.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
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;