From 3361a727697926238231d53350288dc0cf4412aa Mon Sep 17 00:00:00 2001
From: josbadenas <josueernest@gmail.com>
Date: Thu, 18 Apr 2024 16:39:14 +1200
Subject: [PATCH 1/2] Created Main Page Button Headings

---
 api/env                                       |  7 +++++
 web/src/components/MainPageButtonHeadings.tsx | 18 ++++++++++++
 .../MainPageButtonHeadings.css                | 29 +++++++++++++++++++
 3 files changed, 54 insertions(+)
 create mode 100644 api/env
 create mode 100644 web/src/components/MainPageButtonHeadings.tsx
 create mode 100644 web/src/styles/componentStyles/MainPageButtonHeadings.css

diff --git a/api/env b/api/env
new file mode 100644
index 0000000..8e1756e
--- /dev/null
+++ b/api/env
@@ -0,0 +1,7 @@
+apiKey="AIzaSyBox7z0b2SBEnz0v6qmQjFx3QfUJcG099U"
+authDomain="volunteerclub-14b7a.firebaseapp.com"
+projectId="volunteerclub-14b7a"
+storageBucket="volunteerclub-14b7a.appspot.com"
+messagingSenderId="765497707892"
+appId="1:765497707892:web:d1fb4e8f77881366037021"
+measurementId="G-TLM9P3DCKS"
\ No newline at end of file
diff --git a/web/src/components/MainPageButtonHeadings.tsx b/web/src/components/MainPageButtonHeadings.tsx
new file mode 100644
index 0000000..586cd69
--- /dev/null
+++ b/web/src/components/MainPageButtonHeadings.tsx
@@ -0,0 +1,18 @@
+import '../styles/componentStyles/MainPageButtonHeadings.css'
+
+const MainPageButtonHeadings = ({heading = 'defaultText', onClick}) =>{
+    // default onClick function
+    const defaultOnClick = () =>{
+        console.log('default action');
+    };
+    return(
+        <div className='buttonContainer'>
+            <button className = 'buttonHeading' onClick={onClick || defaultOnClick}>
+                {heading}
+            </button>
+        </div>
+    );
+}
+
+
+export default MainPageButtonHeadings
\ No newline at end of file
diff --git a/web/src/styles/componentStyles/MainPageButtonHeadings.css b/web/src/styles/componentStyles/MainPageButtonHeadings.css
new file mode 100644
index 0000000..d7e41f6
--- /dev/null
+++ b/web/src/styles/componentStyles/MainPageButtonHeadings.css
@@ -0,0 +1,29 @@
+.buttonHeading {
+    padding: 10px 20px; 
+    font-size: 25.5px; 
+    font-weight: 500; 
+    color: black; 
+    background-color: white; 
+    border: 1px solid black; 
+    border-radius: 52px; 
+    cursor: pointer; 
+    outline: none; 
+    transition: background-color 0.3s, color 0.3s; 
+    height: 60px;
+    width: 311px;
+  }
+
+  .buttonHeading:hover {
+    background-color: black; 
+    color: white; 
+
+  }
+
+  .buttonHeading:active {
+    background-color: #333; 
+  }
+
+  .buttonContainer {
+    text-align: center; 
+    padding: 20px; 
+  }
\ No newline at end of file

From cce9c2063667c7ec3c85e6cfe4a28c1e5cbf1151 Mon Sep 17 00:00:00 2001
From: John Moore <126381092+John-Moore-UOA@users.noreply.github.com>
Date: Fri, 19 Apr 2024 14:52:02 +1200
Subject: [PATCH 2/2] Delete api/env

env should be ignored by git
---
 api/env | 7 -------
 1 file changed, 7 deletions(-)
 delete mode 100644 api/env

diff --git a/api/env b/api/env
deleted file mode 100644
index 8e1756e..0000000
--- a/api/env
+++ /dev/null
@@ -1,7 +0,0 @@
-apiKey="AIzaSyBox7z0b2SBEnz0v6qmQjFx3QfUJcG099U"
-authDomain="volunteerclub-14b7a.firebaseapp.com"
-projectId="volunteerclub-14b7a"
-storageBucket="volunteerclub-14b7a.appspot.com"
-messagingSenderId="765497707892"
-appId="1:765497707892:web:d1fb4e8f77881366037021"
-measurementId="G-TLM9P3DCKS"
\ No newline at end of file