From c6d4fa9b48c973356b3ded332415a99328ef38ad Mon Sep 17 00:00:00 2001
From: Bjarke Madsen <bjarke@nordu.net>
Date: Tue, 21 Feb 2023 14:28:43 +0100
Subject: [PATCH] Update landing page cards & add a link to data section
---
webapp/src/pages/Landing.tsx | 31 ++++++++++++++++++-------------
1 file changed, 18 insertions(+), 13 deletions(-)
diff --git a/webapp/src/pages/Landing.tsx b/webapp/src/pages/Landing.tsx
index 718ce21f..415d004b 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 >
);
}
--
GitLab