From ae85e7121d1f58909e0c5c1c463b0b5bd5fca77b Mon Sep 17 00:00:00 2001
From: paulmwatson <github.com@paulmwatson.com>
Date: Wed, 20 Nov 2024 09:32:41 +0200
Subject: [PATCH] Notice banner

---
 src/app.scss                        | 18 +++++++++++++
 src/components/attendance/index.js  |  2 +-
 src/components/billtracker/index.js |  2 +-
 src/components/pmtabs/index.js      | 39 +++++++++++++++++------------
 4 files changed, 43 insertions(+), 18 deletions(-)

diff --git a/src/app.scss b/src/app.scss
index d1ad220..c4cbda9 100644
--- a/src/app.scss
+++ b/src/app.scss
@@ -75,6 +75,7 @@ h1 {
       display: none;
     }
   }
+
   &.size-sm {
     button {
       padding: 0.25em 0.65em;
@@ -151,3 +152,20 @@ h1 {
     text-align: left;
   }
 }
+
+.testing-notice {
+  background-color: #E03C31;
+  font-family: "Inter", sans-serif;
+  font-size: 14px;
+  line-height: 16.94px;
+  text-align: left;
+  text-underline-position: from-font;
+  text-decoration-skip-ink: none;
+  color: #FFFFFF;
+  padding: 1.4rem;
+  padding-top: 1.5rem;
+
+  strong {
+    color: #fff;
+  }
+}
\ No newline at end of file
diff --git a/src/components/attendance/index.js b/src/components/attendance/index.js
index adc1cde..bb97e20 100644
--- a/src/components/attendance/index.js
+++ b/src/components/attendance/index.js
@@ -531,7 +531,7 @@ function Attendance() {
       <PMHeader />
 
       <PMTabs active="attendance-tracker" />
-      <Container fluid className="py-5">
+      <Container fluid className="py-4">
         <div className="bill-tracker-container">
           <Row>
             <Col>
diff --git a/src/components/billtracker/index.js b/src/components/billtracker/index.js
index 1c6e314..240f8c8 100644
--- a/src/components/billtracker/index.js
+++ b/src/components/billtracker/index.js
@@ -692,7 +692,7 @@ function BillTracker() {
     <Fragment>
       <PMHeader />
       <PMTabs active="bill-tracker" />
-      <Container fluid className="py-5">
+      <Container fluid className="py-4">
         <div className="bill-tracker-container">
           <Row>
             <Col>
diff --git a/src/components/pmtabs/index.js b/src/components/pmtabs/index.js
index 326bdee..3581b50 100644
--- a/src/components/pmtabs/index.js
+++ b/src/components/pmtabs/index.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { Fragment } from "react";
 
 import Container from "react-bootstrap/Container";
 
@@ -7,22 +7,29 @@ import "./style.scss";
 function PMTabs(props) {
   const { active } = props;
   return (
-    <div className="tabs">
-      <Container fluid>
-        <a
-          className={`tab ${active === "bill-tracker" ? "active" : ""}`}
-          href="/"
-        >
-          Bill Tracker
-        </a>
-        <a
-          className={`tab ${active === "attendance-tracker" ? "active" : ""}`}
-          href="/attendance"
-        >
-          Attendance Tracker
-        </a>
+    <Fragment>
+      <div className="tabs">
+        <Container fluid>
+          <a
+            className={`tab ${active === "bill-tracker" ? "active" : ""}`}
+            href="/"
+          >
+            Bill Tracker
+          </a>
+          <a
+            className={`tab ${active === "attendance-tracker" ? "active" : ""}`}
+            href="/attendance"
+          >
+            Attendance Tracker
+          </a>
+        </Container>
+      </div>
+      <Container fluid className="pt-3">
+        <div className="testing-notice">
+          <strong>Notice:</strong> The data on this dashboard is for testing purposes only and is not accurate.
+        </div>
       </Container>
-    </div>
+    </Fragment>
   );
 }