Merge pull request #167 from GTBitsOfGood/camp_banner

Add Camp Grace reminder banner

Author: SamratSahoo

mobile/screens/Banners/CampGraceBanner.tsx

@@ -0,0 +1,45 @@
+import React, { useEffect, useState } from "react";
+import { View, Text, StyleSheet, TouchableOpacity } from "react-native";
+import dayjs from "dayjs";
+
+const CampGraceBanner = () => {
+    const isCampGraceDay = new Date().getMonth() === 3 && new Date().getDate() === 13;
+    
+    if (!isCampGraceDay) return null;
+
+    return (
+        <View style={styles.banner}>
+        <Text style={styles.title}>Countdown to Camp Grace!</Text>
+        <Text style={styles.message}>
+            Get ready for a 4-Day advanced training at Camp Grace in Mobile, Alabama! Enjoy free cabin accommodations, fishing, kayaking, and group cooking sessions. Just bring bedding for a twin bed. See you soon!
+        </Text>
+        </View>
+    );
+};
+  
+const styles = StyleSheet.create({
+  banner: {
+    borderRadius: 10,
+    backgroundColor: "#3F3BED",
+    marginBottom: 10,
+    padding: 10,
+    display: "flex",
+    flexDirection: "column",
+    gap: 5,
+    opacity: 0.9,
+  },
+  title: {
+    color: "white",
+    fontSize: 14,
+    fontWeight: "700",
+    textAlign: "center",
+  },
+  message: {
+    color: "white",
+    fontSize: 12,
+    fontWeight: "400",
+    textAlign: "center",
+  }
+});
+
+export default CampGraceBanner;

mobile/screens/User/UserDashboardScreen.tsx

@@ -31,6 +31,7 @@ import HolidayBanner from "../Banners/HolidayBanner";
 import DonationBanner from "../Banners/DonationBanner";
 import PillBanner from "../Banners/PillBanner";
 import CleaningBanner from "../Banners/CleaningBanner";
+import CampGraceBanner from "../Banners/CampGraceBanner";
 import BaseOverlay from "../../components/Overlays/BaseOverlay";
 import DashboardHeader from "../../components/DashboardHeader";
 import { endOfExecutionHandler, ErrorWrapper } from "../../utils/error";
@@ -317,6 +318,7 @@ export default function UserDashboardScreen(props: any) {
           <BirthdayBanner />
           <HolidayBanner />
           <DonationBanner />
+          <CampGraceBanner />
           {new Date().getDate() === 1 ? <PillBanner /> : null}
           {new Date().getMonth() === 1 ? <CleaningBanner /> : null}