From 0b3aabc474838ef4e76f3fd2ac89f54885dc47d9 Mon Sep 17 00:00:00 2001
From: wayangalihpratama <wgprtm@gmail.com>
Date: Thu, 30 Jan 2025 16:30:58 +0800
Subject: [PATCH] [#404] Add functionality into case n explore studies explore
 btn

---
 frontend/src/App.scss                 |  7 +++++++
 frontend/src/pages/welcome/Welcome.js | 23 ++++++++++++-----------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/frontend/src/App.scss b/frontend/src/App.scss
index 342613dc..efc201cd 100644
--- a/frontend/src/App.scss
+++ b/frontend/src/App.scss
@@ -66,6 +66,13 @@
   .button-light {
     font-weight: normal;
   }
+
+  .font-tablet-gothic {
+    font-family: "TabletGothic" !important;
+  }
+  .font-roc-grotesk {
+    font-family: "TabletGothic" !important;
+  }
   // EOL global css setting
 
   header {
diff --git a/frontend/src/pages/welcome/Welcome.js b/frontend/src/pages/welcome/Welcome.js
index 1a90f8c9..5fb93d89 100644
--- a/frontend/src/pages/welcome/Welcome.js
+++ b/frontend/src/pages/welcome/Welcome.js
@@ -7,6 +7,7 @@ import { MapView } from "akvo-charts";
 import { api } from "../../lib";
 import { commodityOptions } from "../../store/static";
 import "akvo-charts/dist/index.css";
+import { Link } from "react-router-dom";
 
 const perPage = 10;
 const defData = {
@@ -193,10 +194,7 @@ const Welcome = () => {
       align: "center",
       render: () => {
         return (
-          <Button
-            size="small"
-            className="button-green-transparent button-light"
-          >
+          <Button className="button-green-transparent button-light font-roc-grotesk">
             View summary
           </Button>
         );
@@ -240,9 +238,11 @@ const Welcome = () => {
                   income.
                 </Col>
                 <Col span={24} align="end">
-                  <Button className="button-explore">
-                    Explore <ArrowRightOutlined />
-                  </Button>
+                  <Link to="/cases">
+                    <Button className="button-explore">
+                      Explore <ArrowRightOutlined />
+                    </Button>
+                  </Link>
                 </Col>
               </Row>
             </Card>
@@ -258,9 +258,11 @@ const Welcome = () => {
                   recommend visiting the &quot;Explore Studies&quot; section.
                 </Col>
                 <Col span={24} align="end">
-                  <Button className="button-explore">
-                    Explore <ArrowRightOutlined />
-                  </Button>
+                  <Link to="/explore-studies">
+                    <Button className="button-explore">
+                      Explore <ArrowRightOutlined />
+                    </Button>
+                  </Link>
                 </Col>
               </Row>
             </Card>
@@ -305,7 +307,6 @@ const Welcome = () => {
       <Col span={24} id="table-container">
         {selectedCountryId ? (
           <Table
-            size="small"
             rowKey="id"
             className="table-content-wrapper"
             columns={columns}