jcanotorr06/fix/lint_fix

src/components/Alerts/AlertManager.tsx

@@ -1,6 +1,6 @@
-import { AnimatePresence, motion } from 'framer-motion';
-import { FaTimes } from 'react-icons/fa';
-import useAlertStore from './../../state/alertStore';
+import { AnimatePresence, motion } from "framer-motion";
+import { FaTimes } from "react-icons/fa";
+import useAlertStore from "./../../state/alertStore";
 
 const AlertManager = () => {
     const { isAlertOpen, closeAlert, alertText, alertType } = useAlertStore()

src/components/Email/Address.tsx

@@ -1,8 +1,8 @@
-import { type FC, Fragment } from 'react'
-import { useQuery } from '@tanstack/react-query'
+import { type FC, Fragment } from "react"
+import { useQuery } from "@tanstack/react-query"
 import { FaCopy } from "react-icons/fa"
-import { getEmailAddress } from '../../queries/email'
-import useAlertStore from '../../state/alertStore'
+import { getEmailAddress } from "../../queries/email"
+import useAlertStore from "../../state/alertStore"
 
 const Address:FC = () => {
 

src/components/Email/Inbox.tsx

@@ -1,11 +1,9 @@
-import { type FC, Fragment } from 'react'
-import { useQuery } from '@tanstack/react-query'
-import { getEmailAddress, getMailbox } from '../../queries/email'
-import Loading from '../utils/Loading'
-import { HiEnvelopeOpen } from 'react-icons/hi2'
-import * as dayjs from "dayjs"
-import Message from './Message'
-import useEmailStore from '../../state/emailStore'
+import { type FC, Fragment } from "react"
+import { useQuery } from "@tanstack/react-query"
+import { getEmailAddress, getMailbox } from "../../queries/email"
+import Loading from "../utils/Loading"
+import { HiEnvelopeOpen } from "react-icons/hi2"
+import Message from "./Message"
 
 const Inbox:FC = () => {
 

src/components/Email/Message.tsx

@@ -1,7 +1,7 @@
-import type { FC } from 'react'
-import type { Mailbox } from '../../types/mailbox'
+import type { FC } from "react"
+import type { Mailbox } from "../../types/mailbox"
 import * as dayjs from "dayjs"
-import useEmailStore from '../../state/emailStore'
+import useEmailStore from "../../state/emailStore"
 
 type Props = {
     email: Mailbox

src/components/Email/MessageDetails.tsx

@@ -1,12 +1,12 @@
-import { useQuery } from '@tanstack/react-query'
-import { Interweave } from 'interweave'
-import { type FC } from 'react'
-import { FaFile, FaFileDownload, FaTimes } from 'react-icons/fa'
+import { useQuery } from "@tanstack/react-query"
+import { Interweave } from "interweave"
+import { type FC } from "react"
+import { FaFileDownload, FaTimes } from "react-icons/fa"
 import * as dayjs from "dayjs"
-import { getEmailAddress, getMailboxMessage } from '../../queries/email'
-import useEmailStore from '../../state/emailStore'
-import Loading from '../utils/Loading'
-import type { Mailbox, MailboxMessageAttachment } from '../../types/mailbox'
+import { getEmailAddress, getMailboxMessage } from "../../queries/email"
+import useEmailStore from "../../state/emailStore"
+import Loading from "../utils/Loading"
+import type { Mailbox, MailboxMessageAttachment } from "../../types/mailbox"
 
 const MessageDetails:FC = () => {
   const { email, closeEmail } = useEmailStore()

src/components/Email/index.ts

@@ -1,4 +1,4 @@
-export { default as Address } from './Address';
-export { default as Inbox } from './Inbox';
-export { default as Message } from './Message';
-export { default as MessageDetails } from './MessageDetails';
+export { default as Address } from "./Address";
+export { default as Inbox } from "./Inbox";
+export { default as Message } from "./Message";
+export { default as MessageDetails } from "./MessageDetails";

src/components/Landing/ToolCard.tsx

@@ -1,5 +1,5 @@
-import { type FC } from 'react'
-import Link from 'next/link'
+import { type FC } from "react"
+import Link from "next/link"
 
 type Props = {
     name: string,

src/components/Landing/index.ts

@@ -1 +1 @@
-export { default as ToolCard } from './ToolCard';
+export { default as ToolCard } from "./ToolCard";

src/components/Layouts/BaseLayout.tsx

@@ -26,7 +26,7 @@ const BaseLayout:FC<Props> = ({children}:Props) => {
           }
           variants={variants}
           initial={false} 
-          className={`flex flex-grow bg-base-200 z-10 h-full p-4`}
+          className={"flex flex-grow bg-base-200 z-10 h-full p-4"}
         >
             {children}
         </motion.section>

src/components/Modals/ModalManager.tsx

@@ -1,10 +1,10 @@
-import { AnimatePresence, motion } from 'framer-motion'
-import React, { lazy } from 'react'
+import { AnimatePresence, motion } from "framer-motion"
+import React, { lazy } from "react"
 import { FaTimes } from "react-icons/fa"
-import useModalStore from '../../state/modalStore'
-import LazyLoading from '../utils/LazyLoading'
+import useModalStore from "../../state/modalStore"
+import LazyLoading from "../utils/LazyLoading"
 
-const SearchModal = lazy(() => import('./SearchModal'))
+const SearchModal = lazy(() => import("./SearchModal"))
 
 export type ModalTypes = "search" | "alert" | ""
 

src/components/Modals/SearchModal.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React from "react"
 
 const SearchModal = () => {
   return (

src/components/Navigation/Sidebar.tsx

@@ -1,7 +1,7 @@
 import { type FC , useEffect } from "react"
 import { AnimatePresence, motion } from "framer-motion"
 import { useSidebarStore } from "../../state"
-import { HiMoon, HiSun, HiHome, HiEnvelope, HiMagnifyingGlass, HiChevronLeft, HiChevronRight } from 'react-icons/hi2';
+import { HiMoon, HiSun, HiHome, HiEnvelope, HiMagnifyingGlass, HiChevronLeft, HiChevronRight } from "react-icons/hi2";
 import { BsFileTextFill } from "react-icons/bs"
 import { themeChange } from "theme-change";
 import Link from "next/link";

src/components/utils/Loading.tsx

@@ -1,5 +1,5 @@
-import { type FC } from 'react'
-import { Oval } from 'react-loader-spinner'
+import { type FC } from "react"
+import { Oval } from "react-loader-spinner"
 
 const Loading:FC = () => {
   return (

src/pages/_app.tsx

@@ -1,11 +1,9 @@
 import { DefaultSeo } from "next-seo";
 import { type AppType } from "next/dist/shared/lib/utils";
-import { Fragment, useEffect } from "react";
 import BaseLayout from "../components/Layouts/BaseLayout";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 
 import "../styles/globals.css";
-import { themeChange } from "theme-change";
 
 const queryClient = new QueryClient({
 /*   defaultOptions: {

src/queries/email.ts

@@ -1,6 +1,5 @@
 import { type QueryFunction } from "@tanstack/react-query";
 import type { Mailbox, MailboxMessage } from "../types/mailbox";
-import { getDecodedLocalStorage, setEncodedLocalStorage } from './../utils/storage';
 
 const url = "https://www.1secmail.com/api/v1/"
 

src/state/alertStore.ts

@@ -1,5 +1,5 @@
-import create from 'zustand';
-import { devtools } from 'zustand/middleware';
+import create from "zustand";
+import { devtools } from "zustand/middleware";
 
 type Alert = "info" | "success" | "warning" | "error"
 
@@ -15,10 +15,10 @@ const useAlertStore = create<AlertStore>()(
     devtools(
         (set) => ({
             isAlertOpen: false,
-            alertText: '',
+            alertText: "",
             alertType: "info",
             openAlert: (text: string, type: Alert) => set(() => ({ isAlertOpen: true, alertText: text, alertType: type })),
-            closeAlert: () => set(() => ({ isAlertOpen: false, alertText: '', alertType: "info" })),
+            closeAlert: () => set(() => ({ isAlertOpen: false, alertText: "", alertType: "info" })),
         })
     )
 )

src/state/emailStore.ts

@@ -1,6 +1,6 @@
-import create from 'zustand';
-import { devtools } from 'zustand/middleware';
-import type { Mailbox } from '../types/mailbox';
+import create from "zustand";
+import { devtools } from "zustand/middleware";
+import type { Mailbox } from "../types/mailbox";
 
 type EmailStore = {
     email: Mailbox | null;

src/state/index.ts

@@ -1 +1 @@
-export { default as useSidebarStore } from './sidebarStore';
+export { default as useSidebarStore } from "./sidebarStore";

src/state/modalStore.ts

@@ -1,6 +1,6 @@
-import create from 'zustand';
-import { devtools } from 'zustand/middleware';
-import type { ModalTypes } from '../components/Modals/ModalManager';
+import create from "zustand";
+import { devtools } from "zustand/middleware";
+import type { ModalTypes } from "../components/Modals/ModalManager";
 
 type ModalStore = {
     isModalOpen: boolean;
@@ -13,9 +13,9 @@ const useModalStore = create<ModalStore>()(
     devtools(
         (set) => ({
             isModalOpen: false,
-            modalId: '',
+            modalId: "",
             openModal: (id: ModalTypes) => set(() => ({ isModalOpen: true, modalId: id })),
-            closeModal: () => set(() => ({ isModalOpen: false, modalId: '' })),
+            closeModal: () => set(() => ({ isModalOpen: false, modalId: "" })),
         })
     )
 )

src/state/sidebarStore.ts

@@ -1,5 +1,5 @@
-import create from 'zustand';
-import { devtools } from 'zustand/middleware';
+import create from "zustand";
+import { devtools } from "zustand/middleware";
 
 type SidebarStore = {
     isSidebarOpen: boolean;