Merge pull request #603 from PRX/fix/mainui-restore-donation-modal-buttons

fix(mainui): restore donation modal buttons

Author: rpeterman-gp

src/app/(main)/_components/MainUI/MainUI.tsx

@@ -16,7 +16,7 @@ import Logo from "../Logo/Logo";
 import "./MainUI.css";
 import { useBreakpoint } from "@react-awesome/use-breakpoint";
 import { usePathname } from "next/navigation";
-// import DonateModalLink from "@/components/Donate/DonateModalLink";
+import DonateModalLink from "@/components/Donate/DonateModalLink";
 import CcnLogo from "@/assets/svg/logos/CCN-Logo.svg";
 import GbhLogo from "@/assets/svg/logos/GBH-Logo.svg";
 import ProgressiveLogo from "@/assets/svg/logos/Progressive-Logo.svg";
@@ -285,15 +285,15 @@ export default function MainUI({
             </h1>
             <span className="basis-xl">{search}</span>
             <span>
-              <Button variant="action" asChild>
+              {/* <Button variant="action" asChild>
                 <Link href="https://give.prx.org/campaign/804766/donate?c_src=Referal&c_src2=website-donate-heart">
                   <HeartHandshakeIcon aria-label="Donate" />
                   <span className="hidden md:inline" aria-hidden>
                     Donate
                   </span>
                 </Link>
-              </Button>
-              {/* <DonateModalLink
+              </Button> */}
+              <DonateModalLink
                 campaign="727547"
                 size="lg"
                 variant="action"
@@ -306,7 +306,7 @@ export default function MainUI({
                 <span className="hidden md:inline" aria-hidden>
                   Donate
                 </span>
-              </DonateModalLink> */}
+              </DonateModalLink>
             </span>
           </div>
         </div>

src/app/(main)/_components/MainUI/MainUIMenu.tsx

@@ -33,7 +33,7 @@ import TwitterXIcon from "@/assets/svg/icons/brands/twitter.svg";
 import TikTokIcon from "@/assets/svg/icons/brands/tiktok.svg";
 import YoutubeIcon from "@/assets/svg/icons/brands/youtube.svg";
 import MainUIContext from "../../_contexts/MainUIContext";
-// import DonateModalLink from "@/components/Donate/DonateModalLink";
+import DonateModalLink from "@/components/Donate/DonateModalLink";
 import LogoGlobe from "../Logo/LogoGlobe";
 import { usePathname } from "next/navigation";
 
@@ -109,11 +109,11 @@ export default function MainUIMenu() {
 
         <NavigationMenuItem>
           <NavigationMenuLink asChild>
-            <Link href="https://give.prx.org/campaign/804766/donate?c_src=Referal&c_src2=website-menu-hamburger">
+            {/* <Link href="https://give.prx.org/campaign/804766/donate?c_src=Referal&c_src2=website-menu-hamburger">
               <HeartHandshakeIcon />
               <NavigationMenuLabel>Donate</NavigationMenuLabel>
-            </Link>
-            {/* <DonateModalLink
+            </Link> */}
+            <DonateModalLink
               variant="unstyled"
               campaign="727547"
               queryParams={{
@@ -123,7 +123,7 @@ export default function MainUIMenu() {
             >
               <HeartHandshakeIcon />
               <NavigationMenuLabel>Donate</NavigationMenuLabel>
-            </DonateModalLink> */}
+            </DonateModalLink>
           </NavigationMenuLink>
         </NavigationMenuItem>
       </NavigationMenuList>