diff --git a/webapp/src/pages/Landing.tsx b/webapp/src/pages/Landing.tsx index 718ce21f3fcd1e163baae406fe0c740313ecf1f8..415d004b9d07b2751344416e763ea4a33af10075 100644 --- a/webapp/src/pages/Landing.tsx +++ b/webapp/src/pages/Landing.tsx @@ -1,4 +1,5 @@ import React, { ReactElement } from "react"; +import { Link } from "react-router-dom"; import { Card, Container, Row, Col } from "react-bootstrap"; import SectionDataLogo from "../images/section_data_large.png"; import SectionReportsLogo from "../images/section_reports_large.png"; @@ -27,21 +28,25 @@ function Landing(): ReactElement { > <Row className="justify-content-md-center"> <Col align={"center"}> - <Card style={{ width: "18rem" }}> - <Card.Img src={SectionDataLogo}></Card.Img> - <Card.Body> - <Card.Title>Compendium Data</Card.Title> - <Card.Text> - The results of the Compendium Surveys lled in annually by - NRENs. Questions cover many topics: Network, Connected - Users, Services, Standards & Policies - </Card.Text> - </Card.Body> + + <Card border='light' style={{ width: "18rem" }}> + <Link to="/data"> + <Card.Img src={SectionDataLogo}/> + <Card.Body> + <Card.Title>Compendium Data</Card.Title> + <Card.Text> + The results of the Compendium Surveys lled in annually by + NRENs. Questions cover many topics: Network, Connected + Users, Services, Standards & Policies + </Card.Text> + </Card.Body> + </Link> </Card> + </Col> <Col align={"center"}> - <Card style={{ width: "18rem" }}> - <Card.Img src={SectionReportsLogo}></Card.Img> + <Card border='light' style={{ width: "18rem" }}> + <Card.Img src={SectionReportsLogo}/> <Card.Body> <Card.Title>Compendium Reports</Card.Title> <Card.Text> @@ -56,7 +61,7 @@ function Landing(): ReactElement { </Container> </Col> </Row> - </Container> + </Container > ); }