src/components/buttons/Updates.tsx

@@ -5,17 +5,17 @@ import { motion } from "framer-motion";
 
 const MotionBox = motion<BoxProps>(Box);
 
-const Twitter = (): JSX.Element => {
+const Updates = (): JSX.Element => {
   return (
     <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
       <Link
-        href="https://twitter.com/LCMDevelopment"
+        href="https://t.me/LucidCreationsMedia"
         target="_blank"
         rel="noopener"
       >
         <Button
-          variant="twitter"
+          variant="primary"
-          leftIcon={<Icon icon="akar-icons:twitter-fill" />}
+          leftIcon={<Icon icon="bi:info-lg" />}
         >
           {"Dev Updates"}
         </Button>
@@ -24,4 +24,4 @@ const Twitter = (): JSX.Element => {
   );
 };
 
-export default Twitter;
+export default Updates;

src/components/buttons/data/links.ts

@@ -1,7 +1,7 @@
 export interface LinkObj {
   href?: string;
   name?: string;
-  type: "primary" | "secondary" | "twitter" | "ko-fi";
+  type: "primary" | "secondary" | "updates" | "ko-fi";
 }
 
 type Links = LinkObj[];
@@ -21,7 +21,9 @@ const links: Links = [
     type: "ko-fi"
   },
   {
-    type: "twitter"
+    href: "https://t.me/LucidCreationsMedia",
+    name: "Dev Updates",
+    type: "secondary"
   }
 ];
 

src/components/buttons/index.tsx

@@ -3,7 +3,7 @@ import { Box, HStack, VStack } from "@chakra-ui/react";
 import CustomButton from "./Custom";
 import links, { LinkObj } from "./data/links";
 import KoFi from "./KoFi";
-import Twitter from "./Twitter";
+import Updates from "./Updates";
 
 const Buttons = (): JSX.Element => {
   return (
@@ -33,10 +33,6 @@ const Buttons = (): JSX.Element => {
           if (type === "ko-fi") {
             return <KoFi key={type} />;
           }
-
-          if (type === "twitter") {
-            return <Twitter key={type} />;
-          }
         })}
       </HStack>
       <VStack
@@ -64,10 +60,6 @@ const Buttons = (): JSX.Element => {
           if (type === "ko-fi") {
             return <KoFi key={type} />;
           }
-
-          if (type === "twitter") {
-            return <Twitter key={type} />;
-          }
         })}
       </VStack>
     </Box>