Header.tsx 1.25 KB
Newer Older
1
import * as React from 'react';
Zac Wood's avatar
Zac Wood committed
2
import { Col, Row, UncontrolledTooltip } from 'reactstrap';
David Haynes's avatar
David Haynes committed
3

4
5
6
/**
 * Renders the app header with information and instructions for using Schedules.
 */
7
const Header = () => (
David Haynes's avatar
David Haynes committed
8
9
10
11
12
13
14
15
    <div>
        <Row className="justify-content-center my-5">
            <h1>
                <i className="far fa-calendar-alt" /> Schedules
            </h1>
            <div className="w-100 mb-3" />
            <Col md="6">
                <p>
Zac Wood's avatar
Zac Wood committed
16
17
18
19
20
21
22
23
24
25
26
                    An application to generate a schedule
                    {' ('}
                    <span style={{ textDecoration: 'underline' }} id="UncontrolledTooltipExample">
                        <i className="fas fa-question" />
                    </span>
                    <UncontrolledTooltip placement="right" target="UncontrolledTooltipExample">
                        Find your class' CRNs on Patriot Web under Student Services > Registration > Student Schedule
                    </UncontrolledTooltip>
                    {') '}
                    to place into your calendar populated with class times. Built and maintained by{' '}
                    <a href="https://srct.gmu.edu">Mason SRCT</a>.
David Haynes's avatar
David Haynes committed
27
28
29
30
                </p>
            </Col>
        </Row>
    </div>
31
32
33
);

export default Header;