Add missing dark theme socials icons

components/IntroTextarea.js

@@ -1,4 +1,4 @@
-import React, { useContext, forwardRef } from "react";
+import React, { forwardRef } from "react";
 import { ACTIONS } from "../pages/_app";
 import FormLabel from "./forms/FormLabel";
 import FormTextarea from "./forms/FormTextarea";

components/Logo.js

@@ -1,7 +1,6 @@
 import React, { useContext } from "react";
 import { StateContext } from "../pages/_app";
 import Link from "next/link";
-import { motion } from "framer-motion";
 
 const Logo = () => {
   const { state, dispatch } = useContext(StateContext);

components/buttons/ThemeSwitch.js

@@ -1,9 +1,6 @@
 import React, { useState, useContext, useEffect } from "react";
 import { StateContext } from "../../pages/_app";
 import { useTheme } from "next-themes";
-import { motion } from "framer-motion";
-import { outerContainer } from "../../lib/framerMotion";
-import { logoItem } from "../../lib/framerMotion";
 
 const ThemeSwitch = () => {
   const { state, dispatch } = useContext(StateContext);

components/layout.js

@@ -1,13 +1,9 @@
-import React, { useEffect, useContext, useRef, useState } from "react";
+import React, { useContext } from "react";
 import Head from "next/head";
-import Image from "next/image";
 import Link from "next/link";
-import { useTheme } from "next-themes";
 // Import state and actions
 import { ACTIONS } from "../pages/_app";
 import { StateContext } from "../pages/_app";
-import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock";
-import { colorStore } from "../pages/_app";
 // Import components
 import MenuItem from "../components/buttons/MenuItem";
 import CopyrightLabel from "./misc/SidebarFooter";

components/layouts/FormLayout.js

@@ -1,18 +1,13 @@
-import React, { useEffect, useContext, useRef, useState } from "react";
+import React, { useEffect, useContext, useRef } from "react";
 import Head from "next/head";
-import Image from "next/image";
 import Link from "next/link";
-import { useTheme } from "next-themes";
 // Import state and actions
 import { ACTIONS } from "../../pages/_app";
 import { StateContext } from "../../pages/_app";
-import { disableBodyScroll, enableBodyScroll } from "body-scroll-lock";
-import { colorStore } from "../../pages/_app";
 // Import components
 import MenuItem from "../buttons/MenuItem";
 import SidebarFooter from "../misc/SidebarFooter";
 let TurndownService = require("turndown").default;
-import LeaveFeedback from "../buttons/LeaveFeedback";
 import CopyModal from "../modals/CopyModal";
 import HamburgerMenuIcon from "../buttons/HamburgerMenuIcon";
 import ThemeSwitch from "../buttons/ThemeSwitch";

components/misc/SidebarFooter.js

@@ -1,5 +1,4 @@
 import React from "react";
-import Link from "next/link";
 import GitHubIcon from "./GitHubIcon";
 import XIcon from "./XIcon";
 

components/sections/Skills.js

@@ -1,4 +1,4 @@
-import React, { useRef } from "react";
+import React from "react";
 import NextSection from "../buttons/NextSection";
 import PreviousSection from "../buttons/PreviousSection";
 import IconSelector from "../IconSelector";

components/sections/Socials.js

@@ -3,7 +3,6 @@ import { ACTIONS } from "../../pages/_app";
 import { StateContext } from "../../pages/_app";
 import NextSection from "../buttons/NextSection";
 import PreviousSection from "../buttons/PreviousSection";
-import IconSelector from "../IconSelector";
 import SectionHeader from "../SectionHeader";
 import SocialItem from "../../components/SocialItem";
 

pages/_app.js

@@ -938,6 +938,7 @@ const initialState = {
     },
     hashnode: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/hashnode.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/hashnode-dark.svg",
       linkPrefix: "https://",
       linkSuffix: "",
       linkSuffixTwo: ".hashnode.dev",
@@ -965,26 +966,31 @@ const initialState = {
     },
     polywork: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/polywork.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/polywork-dark.svg",
       linkPrefix: "https://www.polywork.com/",
       linkSuffix: "",
     },
     twitch: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/twitch.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/twitch-dark.svg",
       linkPrefix: "https://www.twitch.tv/",
       linkSuffix: "",
     },
     youtube: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/youtube.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/youtube-dark.svg",
       linkPrefix: "https://www.youtube.com/@",
       linkSuffix: "",
     },
     discord: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/discord.svg",
+      pathDark: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/discord-dark.svg",
       linkPrefix: "https://discord.com/users/",
       linkSuffix: "",
     },
     instagram: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/instagram.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/instagram-dark.svg",
       linkPrefix: "http://www.instagram.com/",
       linkSuffix: "",
     },
@@ -997,11 +1003,13 @@ const initialState = {
     },
     dribbble: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/dribbble.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/dribbble-dark.svg",
       linkPrefix: "https://www.dribbble.com/",
       linkSuffix: "",
     },
     behance: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/behance.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/behance-dark.svg",
       linkPrefix: "https://www.behance.com/",
       linkSuffix: "",
     },
@@ -1021,11 +1029,13 @@ const initialState = {
     },
     stackoverflow: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/stackoverflow.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/stackoverflow-dark.svg",
       linkPrefix: "https://www.stackoverflow.com/users/",
       linkSuffix: "",
     },
     rss: {
       path: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/rss.svg",
+      darkPath: "https://raw.githubusercontent.com/danielcranney/readme-generator/main/public/icons/socials/rss-dark.svg",
       linkPrefix: "https://",
       linkSuffix: "",
     },

pages/changelog.js

@@ -2,7 +2,6 @@ import React, { useContext } from "react";
 import { MicroButton } from "../components/buttons/MicroButton";
 import LandingLayout from "../components/layouts/LandingLayout";
 import GitHubIcon from "../components/misc/GitHubIcon";
-import { ACTIONS } from "./_app";
 import { StateContext } from "./_app";
 
 export default function Changelog() {

pages/index.js

@@ -1,7 +1,6 @@
 import React, { useContext } from "react";
 import LandingLayout from "../components/layouts/LandingLayout";
 import Image from "next/image";
-import Link from "next/link";
 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
 import { nord } from "react-syntax-highlighter/dist/cjs/styles/prism";
 import { StateContext } from "./_app";