From 662ce9b49e1bae8c2f49d8b5831f562a3802d838 Mon Sep 17 00:00:00 2001
From: Sudarshan Sreeram <sudarshan.sreeram19@imperial.ac.uk>
Date: Sat, 8 Aug 2020 11:05:31 +0530
Subject: [PATCH] Update module card to be clickable
Note: This is just an experimental commit to play around with this feature.
This may have to be adjusted in the case that cards contain other links in the
future.
---
frontend/src/components/atoms/ModuleCard/index.tsx | 4 +++-
1 file changed, 3 insertions(+), 1 deletion(-)
diff --git a/frontend/src/components/atoms/ModuleCard/index.tsx b/frontend/src/components/atoms/ModuleCard/index.tsx
index c200b1325..e5f6529c8 100644
--- a/frontend/src/components/atoms/ModuleCard/index.tsx
+++ b/frontend/src/components/atoms/ModuleCard/index.tsx
@@ -18,18 +18,20 @@ const ModuleCard: React.FC<ModuleCardProps> = ({
return (
<Col xs={12} sm={6} lg={4} xl={3} style={{ marginTop: "1.875rem" }}>
<Card className={classNames(styles.moduleCard)}>
+ <Link style={{ textDecoration: "none" }} to={`modules/${module.code}`}>
<Card.Header className={classNames(styles.moduleCardHeader)}>
{module.code}
</Card.Header>
<Card.Img style={{ borderRadius: 0 }} variant="top" src={module.image} />
<Card.Body>
- <Card.Title ><Link to={`modules/${module.code}`} style={{color: "black"}}>{module.title}</Link></Card.Title>
+ <Card.Title style={{ color: "#000" }}>{module.title}</Card.Title>
</Card.Body>
<Card.Footer>
<small className={classNames(styles.moduleCardProgressText)}>
in progress
</small>
</Card.Footer>
+ </Link>
</Card>
</Col>
);
--
GitLab