From 92a7b8b5cccdb637ecc8f745b90d39cecade0571 Mon Sep 17 00:00:00 2001
From: austinkelsay <austinkelsay@yahoo.com>
Date: Mon, 7 Oct 2024 17:29:18 -0500
Subject: [PATCH] Add donate button

---
 .../content/carousels/InteractivePromotionalCarousel.js  | 9 ++++++---
 src/components/content/carousels/MessagesCarousel.js     | 7 ++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/content/carousels/InteractivePromotionalCarousel.js b/src/components/content/carousels/InteractivePromotionalCarousel.js
index 725fac0..b26448d 100644
--- a/src/components/content/carousels/InteractivePromotionalCarousel.js
+++ b/src/components/content/carousels/InteractivePromotionalCarousel.js
@@ -43,6 +43,8 @@ const promotions = [
   },
 ]
 
+const yellowFocusOutlineStyle = "focus:shadow-[0_0_0_2px_rgba(255,255,255,1),0_0_0_4px_rgba(252,211,77,1),0_1px_2px_0_rgba(0,0,0,1)] dark:focus:shadow-[0_0_0_2px_rgba(28,33,39,1),0_0_0_4px_rgba(252,211,77,0.7),0_1px_2px_0_rgba(0,0,0,0)]"
+
 const InteractivePromotionalCarousel = () => {
   const [selectedPromotion, setSelectedPromotion] = useState(promotions[0])
   const { returnImageProxy } = useImageProxy();
@@ -111,7 +113,7 @@ const InteractivePromotionalCarousel = () => {
                       return (
                         <div className="flex flex-row gap-2">
                           <GenericButton onClick={() => router.push('/subscribe')} severity="warning" icon={<i className="pi pi-star pr-2 pb-1" />} label="Subscribe" className="w-fit py-2 font-semibold" size="small" outlined />
-                          <GenericButton onClick={() => router.push('/content?tag=all')} severity="primary" icon={<i className="pi pi-eye pr-2" />} label="View all content" className="w-fit py-2 font-semibold" size="small" outlined />
+                          <GenericButton onClick={() => router.push('/content?tag=all')} severity="primary" icon={<i className="pi pi-eye pr-2" />} label="All content" className="w-fit py-2 font-semibold" size="small" outlined />
                         </div>
                       );
                     case "CONTENT":
@@ -153,9 +155,10 @@ const InteractivePromotionalCarousel = () => {
                       case "PLEBDEVS":
                         return (
                           <div className="flex flex-row gap-4 mt-4">
-                            <GenericButton onClick={() => router.push('/about')} severity="success" icon={<i className="pi pi-question-circle pr-2 pb-[2px]" />} label="Learn More" className="py-2 font-semibold" size="small" outlined />
+                            <GenericButton onClick={() => router.push('/about')} severity="success" icon={<i className="pi pi-question-circle pr-2 pb-[2px]" />} label="About" className="py-2 font-semibold" size="small" outlined />
                             <GenericButton onClick={() => router.push('/subscribe')} severity="warning" icon={<i className="pi pi-star pr-2 pb-1" />} label="Subscribe" className="py-2 font-semibold" size="small" outlined />
-                            <GenericButton onClick={() => router.push('/content?tag=all')} severity="primary" icon={<i className="pi pi-eye pr-2" />} label="View all content" className="py-2 font-semibold" size="small" outlined />
+                            <GenericButton onClick={() => router.push('/content?tag=all')} severity="primary" icon={<i className="pi pi-eye pr-2" />} label="All content" className="py-2 font-semibold" size="small" outlined />
+                            <GenericButton onClick={() => copyToClipboard()} icon={<i className="pi pi-bolt pr-2" />} label="Donate" className={`py-2 font-semibold text-yellow-300 ${yellowFocusOutlineStyle}`} size="small" outlined />
                           </div>
                         );
                       case "CONTENT":
diff --git a/src/components/content/carousels/MessagesCarousel.js b/src/components/content/carousels/MessagesCarousel.js
index e05ae98..778d7b4 100644
--- a/src/components/content/carousels/MessagesCarousel.js
+++ b/src/components/content/carousels/MessagesCarousel.js
@@ -65,7 +65,7 @@ const MessageCarousel = ({ copyToClipboard }) => {
     const messages = [
         {
             title: "PlebDevs 🤝👨‍💻🤝👩‍💻🤝🧑‍💻🤝",
-            description: "Plebdevs is open source software and is still in early development. If you have any questions drop an issue on the Github repo, or reach out to me in the Community tab, cheers! - Austin",
+            description: "Plebdevs is open source software and is still in early development. If you have any questions drop an issue on the Github repo, or reach out to me in the Community tab.",
             showGithub: true,
             showX: true,
             showNostr: true,
@@ -85,17 +85,18 @@ const MessageCarousel = ({ copyToClipboard }) => {
         },
         {
             title: "Welcome to the PlebDevs Platform testing phase! 👋",
-            description: "During this testing phase all prices will be reduced by 10x but all purchases, subscriptions, and progress will be reset on launch. Thank you!",
+            description: "During this testing phase all prices will be reduced by 10x but all purchases, subscriptions, and progress will be reset on launch, cheers!",
             showGithub: false,
             showX: false,
             showNostr: false,
             showDonate: false,
             showFeedback: true,
         },
+        // todo add donate message
     ];
 
     return (
-        <Carousel autoplayInterval={10000} showNavigators={false} value={messages} numVisible={1} numScroll={1} itemTemplate={messageTemplate} activeIndex={0} />
+        <Carousel autoplayInterval={8000} showNavigators={false} value={messages} numVisible={1} numScroll={1} itemTemplate={messageTemplate} activeIndex={0} />
     );
 };