From 4d4813d19f04708b87152e19b3fc4b2c0e2a70f0 Mon Sep 17 00:00:00 2001
From: Jake Turner <turnerj804@gmail.com>
Date: Wed, 8 Nov 2023 08:57:41 -0800
Subject: [PATCH] feat(Commons): add Donate link to navbar

---
 .../CommonsNavbar/CommonsNavbarDesktop.tsx      |  2 ++
 .../CommonsNavbar/CommonsNavbarMobile.tsx       |  2 ++
 .../commons/CommonsNavbar/DonateLink.tsx        | 17 +++++++++++++++++
 3 files changed, 21 insertions(+)
 create mode 100644 client/src/components/commons/CommonsNavbar/DonateLink.tsx

diff --git a/client/src/components/commons/CommonsNavbar/CommonsNavbarDesktop.tsx b/client/src/components/commons/CommonsNavbar/CommonsNavbarDesktop.tsx
index 8144f34c..9e9a26f3 100644
--- a/client/src/components/commons/CommonsNavbar/CommonsNavbarDesktop.tsx
+++ b/client/src/components/commons/CommonsNavbar/CommonsNavbarDesktop.tsx
@@ -5,6 +5,7 @@ import AboutOrgLink from "./AboutOrgLink";
 import { Organization, User } from "../../../types";
 import CommonsList from "./CommonsList";
 import SwitchAppWithUser from "../../navigation/SwitchAppWithUser";
+import DonateLink from "./DonateLink";
 
 interface CommonsNavbarDesktopProps extends MenuProps {
   org: Organization;
@@ -32,6 +33,7 @@ const CommonsNavbarDesktop: React.FC<CommonsNavbarDesktopProps> = ({
             <AboutOrgLink org={org} />
             {org.orgID === "libretexts" && (
               <>
+                <DonateLink />
                 <AccountRequestLink />
                 <CommonsList />
               </>
diff --git a/client/src/components/commons/CommonsNavbar/CommonsNavbarMobile.tsx b/client/src/components/commons/CommonsNavbar/CommonsNavbarMobile.tsx
index fb9434a4..5dd53e50 100644
--- a/client/src/components/commons/CommonsNavbar/CommonsNavbarMobile.tsx
+++ b/client/src/components/commons/CommonsNavbar/CommonsNavbarMobile.tsx
@@ -5,6 +5,7 @@ import AccountRequestLink from "./AccountRequestLink";
 import CommonsList from "./CommonsList";
 import { useState } from "react";
 import SwitchAppWithUser from "../../navigation/SwitchAppWithUser";
+import DonateLink from "./DonateLink";
 
 interface CommonsNavbarMobileProps {
   org: Organization;
@@ -40,6 +41,7 @@ const CommonsNavbarMobile: React.FC<CommonsNavbarMobileProps> = ({
             <AboutOrgLink org={org} isMobile={true} />
             {org.orgID === "libretexts" && (
               <>
+                <DonateLink isMobile={true} />
                 <AccountRequestLink isMobile={true} />
                 <Menu.Item onClick={() => setCommonsOpen(!commonsOpen)}>
                   Campus Commons
diff --git a/client/src/components/commons/CommonsNavbar/DonateLink.tsx b/client/src/components/commons/CommonsNavbar/DonateLink.tsx
new file mode 100644
index 00000000..85df3422
--- /dev/null
+++ b/client/src/components/commons/CommonsNavbar/DonateLink.tsx
@@ -0,0 +1,17 @@
+import { Icon, Menu } from "semantic-ui-react";
+
+const DonateLink = ({ isMobile = false }) => {
+  return (
+    <Menu.Item
+      as="a"
+      href="https://donate.libretexts.org"
+      target="_blank"
+      className="commons-nav-link"
+    >
+      Donate
+      {isMobile && <Icon name="heart" className="float-right" />}
+    </Menu.Item>
+  );
+};
+
+export default DonateLink;