src/components/buttons/KoFi.tsx

@@ -5,15 +5,15 @@ import { motion } from "framer-motion";
 
 const MotionBox = motion<BoxProps>(Box);
 
-const Patreon = (): JSX.Element => {
+const KoFi = (): JSX.Element => {
   return (
     <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
       <Link
-        href="https://www.patreon.com/bePatron?u=15380906"
+        href="https://ko-fi.com/lucidcreationsmedia"
         target="_blank"
         rel="noopener"
       >
-        <Button variant="patreon" leftIcon={<Icon icon="ri:patreon-fill" />}>
+        <Button variant="patreon" leftIcon={<Icon icon="cib:ko-fi" />}>
           {"Fund The App"}
         </Button>
       </Link>
@@ -21,4 +21,4 @@ const Patreon = (): JSX.Element => {
   );
 };
 
-export default Patreon;
+export default KoFi;

src/components/buttons/data/links.ts

@@ -1,7 +1,7 @@
 export interface LinkObj {
   href?: string;
   name?: string;
-  type: "primary" | "secondary" | "twitter" | "patreon";
+  type: "primary" | "secondary" | "twitter" | "ko-fi";
 }
 
 type Links = LinkObj[];
@@ -18,7 +18,7 @@ const links: Links = [
     type: "secondary"
   },
   {
-    type: "patreon"
+    type: "ko-fi"
   },
   {
     type: "twitter"

src/components/buttons/index.tsx

@@ -2,7 +2,7 @@ import React from "react";
 import { Box, HStack, VStack } from "@chakra-ui/react";
 import CustomButton from "./Custom";
 import links, { LinkObj } from "./data/links";
-import Patreon from "./Patreon";
+import Patreon from "./KoFi";
 import Twitter from "./Twitter";
 
 const Buttons = (): JSX.Element => {
@@ -30,7 +30,7 @@ const Buttons = (): JSX.Element => {
             );
           }
 
-          if (type === "patreon") {
+          if (type === "ko-fi") {
             return <Patreon key={type} />;
           }