.github/workflows/codeql-analysis.yml

@@ -42,7 +42,7 @@ jobs:
 
       # Initializes the CodeQL tools for scanning.
       - name: Initialize CodeQL
-        uses: github/codeql-action/init@v1
+        uses: github/codeql-action/init@v2
         with:
           languages: ${{ matrix.language }}
           # If you wish to specify custom queries, you can do so here or in a config file.
@@ -53,7 +53,7 @@ jobs:
       # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
       # If this step fails, then you should remove it and run the build manually (see below)
       - name: Autobuild
-        uses: github/codeql-action/autobuild@v1
+        uses: github/codeql-action/autobuild@v2
 
       # ℹ️ Command-line programs to run using the OS shell.
       # 📚 https://git.io/JvXDl
@@ -67,4 +67,4 @@ jobs:
       #   make release
 
       - name: Perform CodeQL Analysis
-        uses: github/codeql-action/analyze@v1
+        uses: github/codeql-action/analyze@v2

.github/workflows/njsscan-analysis.yml

@@ -30,6 +30,6 @@ jobs:
         with:
           args: ". --sarif --output results.sarif || true"
       - name: Upload njsscan report
-        uses: github/codeql-action/upload-sarif@v1
+        uses: github/codeql-action/upload-sarif@v2
         with:
           sarif_file: results.sarif

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.6",
+  "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.3.4",
+    "@chakra-ui/react": "^2.4.3",
-    "@emotion/react": "^11.10.4",
+    "@emotion/react": "^11.10.5",
-    "@emotion/styled": "^11.10.4",
+    "@emotion/styled": "^11.10.5",
-    "@iconify/react": "^4.0.0",
+    "@iconify/react": "^4.0.1",
-    "@reduxjs/toolkit": "^1.8.5",
+    "@reduxjs/toolkit": "^1.9.1",
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",
-    "framer-motion": "^7.3.6",
+    "framer-motion": "^7.9.1",
-    "next": "12.3.1",
+    "next": "13.0.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-redux": "^8.0.4",
+    "react-redux": "^8.0.5",
-    "sharp": "^0.31.0"
+    "sharp": "^0.31.2"
   },
   "devDependencies": {
-    "@types/node": "^18.7.19",
+    "@types/node": "^18.11.15",
-    "@types/react": "^18.0.21",
+    "@types/react": "^18.0.26",
     "@types/react-redux": "^7.1.24",
-    "@typescript-eslint/eslint-plugin": "^5.38.0",
+    "@typescript-eslint/eslint-plugin": "^5.46.1",
-    "eslint": "^8.23.1",
+    "eslint": "^8.29.0",
-    "eslint-config-next": "^12.3.1",
+    "eslint-config-next": "^13.0.6",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-jsx-a11y": "^6.6.1",
-    "eslint-plugin-react": "^7.31.8",
+    "eslint-plugin-react": "^7.31.11",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.1",
-    "typescript": "^4.8.3"
+    "typescript": "^4.9.4"
   },
   "resolutions": {
     "@types/react": "^17.0.38"

src/components/buttons/Twitter.tsx

@@ -1,27 +0,0 @@
-import React from "react";
-import { Box, Link, Button, BoxProps } from "@chakra-ui/react";
-import { Icon } from "@iconify/react";
-import { motion } from "framer-motion";
-
-const MotionBox = motion<BoxProps>(Box);
-
-const Twitter = (): JSX.Element => {
-  return (
-    <MotionBox whileHover={{ scale: 1.1 }} whileTap={{ scale: 0.9 }}>
-      <Link
-        href="https://twitter.com/LCMDevelopment"
-        target="_blank"
-        rel="noopener"
-      >
-        <Button
-          variant="twitter"
-          leftIcon={<Icon icon="akar-icons:twitter-fill" />}
-        >
-          {"Dev Updates"}
-        </Button>
-      </Link>
-    </MotionBox>
-  );
-};
-
-export default Twitter;

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,6 @@ 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";
 
 const Buttons = (): JSX.Element => {
   return (
@@ -33,10 +32,6 @@ const Buttons = (): JSX.Element => {
           if (type === "ko-fi") {
             return <KoFi key={type} />;
           }
-
-          if (type === "twitter") {
-            return <Twitter key={type} />;
-          }
         })}
       </HStack>
       <VStack
@@ -64,10 +59,6 @@ const Buttons = (): JSX.Element => {
           if (type === "ko-fi") {
             return <KoFi key={type} />;
           }
-
-          if (type === "twitter") {
-            return <Twitter key={type} />;
-          }
         })}
       </VStack>
     </Box>

src/components/calender/CalenderNav.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { useAppSelector } from "../../app/hooks";
+import { useAppSelector } from "../../redux/hooks";
 import { useRouter } from "next/router";
 import { HStack, IconButton } from "@chakra-ui/react";
 import { Icon } from "@iconify/react";

src/components/calender/Day.tsx

@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { Provider } from "react-redux";
-import { store } from "../../app/store";
+import { store } from "../../redux/store";
 import { Box, Skeleton, VStack } from "@chakra-ui/react";
 import {
   add,

src/components/calender/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { useAppDispatch, useAppSelector } from "../../app/hooks";
+import { useAppDispatch, useAppSelector } from "../../redux/hooks";
 import { updateCurrDate, updateMonth } from "../../features/calender";
 import { Box, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react";
 import { isSameDay, format } from "date-fns";

src/components/calender/modals/AddUpdateSticker.tsx

@@ -1,5 +1,5 @@
 import React, { useState, useRef } from "react";
-import { useAppDispatch } from "../../../app/hooks";
+import { useAppDispatch } from "../../../redux/hooks";
 import { addEditSticker } from "../../../features/calender/stickers";
 import {
   Button,

src/components/tutorial/CalenderExample.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from "react";
-import { useAppDispatch, useAppSelector } from "../../app/hooks";
+import { useAppDispatch, useAppSelector } from "../../redux/hooks";
 import { updateMonth } from "../../features/calender";
 import { Box, HStack, SimpleGrid, Text, VStack } from "@chakra-ui/react";
 import { format, isSameDay, isToday } from "date-fns";

src/components/tutorial/sections/TutorialSubmitButtons.tsx

@@ -1,6 +1,6 @@
 import { HStack, Button, VStack, Checkbox } from "@chakra-ui/react";
 import React from "react";
-import { useAppDispatch, useAppSelector } from "../../../app/hooks";
+import { useAppDispatch, useAppSelector } from "../../../redux/hooks";
 import {
   setTutorialCompleted,
   setTempTutorialComplete,

src/pages/_app.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { ChakraProvider } from "@chakra-ui/react";
 import AppTheme from "../theme/AppTheme";
 import { Provider } from "react-redux";
-import { store } from "../app/store";
+import { store } from "../redux/store";
 import Layout from "../theme/layout/Layout";
 import Head from "next/head";
 

src/pages/calendar/[...date].tsx

@@ -1,6 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { Provider } from "react-redux";
-import { store } from "../../app/store";
+import { store } from "../../redux/store";
 import { Box } from "@chakra-ui/react";
 import { useRouter } from "next/router";
 import {

src/pages/index.tsx

@@ -1,7 +1,7 @@
 import React, { Fragment, useEffect, useRef } from "react";
 import { Provider } from "react-redux";
-import { store } from "../app/store";
+import { store } from "../redux/store";
-import { useAppDispatch, useAppSelector } from "../app/hooks";
+import { useAppDispatch, useAppSelector } from "../redux/hooks";
 import { updateLoading } from "../features/calender";
 import {
   clearTutorialCompleted,

src/theme/layout/Header.tsx

@@ -115,7 +115,7 @@ const Header = (): JSX.Element => {
           cursor: "default"
         }}
       >
-        <Image height="30px" width="30px" src={appLogo} alt="App Logo" />
+        <Image height="30" width="30" src={appLogo} alt="App Logo" />
 
         <Heading as="h1" size="md">
           {appName}
@@ -150,7 +150,7 @@ const Header = (): JSX.Element => {
                 cursor: "default"
               }}
             >
-              <Image height="30px" width="30px" src={appLogo} alt="App Logo" />
+              <Image height="30" width="30" src={appLogo} alt="App Logo" />
               <Heading as="h1" size="md">
                 {appName}
               </Heading>