package.json

@@ -2,7 +2,7 @@
   "private": true,
   "name": "lucid-creations-media-potty-chart",
   "homepage": "https://lucidcreations.media/introducing-code-name-potty-chart/",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "author": {
     "name": "Lucid Creations Media",
     "url": "https://lucidcreations.media",
@@ -16,33 +16,33 @@
     "pretty": "prettier --write ."
   },
   "dependencies": {
-    "@chakra-ui/react": "^2.4.1",
+    "@chakra-ui/react": "^2.4.3",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "@iconify/react": "^4.0.0",
+    "@iconify/react": "^4.0.1",
-    "@reduxjs/toolkit": "^1.9.0",
+    "@reduxjs/toolkit": "^1.9.1",
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",
-    "framer-motion": "^7.6.7",
+    "framer-motion": "^7.9.1",
-    "next": "13.0.4",
+    "next": "13.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-redux": "^8.0.5",
     "sharp": "^0.31.2"
   },
   "devDependencies": {
-    "@types/node": "^18.11.9",
+    "@types/node": "^18.11.15",
-    "@types/react": "^18.0.25",
+    "@types/react": "^18.0.26",
     "@types/react-redux": "^7.1.24",
-    "@typescript-eslint/eslint-plugin": "^5.43.0",
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
-    "eslint": "^8.27.0",
+    "eslint": "^8.29.0",
-    "eslint-config-next": "^13.0.4",
+    "eslint-config-next": "^13.0.6",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
     "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.1",
-    "typescript": "^4.9.3"
+    "typescript": "^4.9.4"
   },
   "resolutions": {
     "@types/react": "^17.0.38"

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>