refactor: move fursona type to global declaration

src/utils/types.ts → @types/app.d.ts

@@ -1,4 +1,4 @@
-export interface Fursona {
+declare interface Fursona {
   avatar: string
   name: string
   species: string

@types/index.d.ts

@@ -0,0 +1 @@
+/// <reference path="./app.d.ts" />

src/components/ArtCarousel.tsx

@@ -1,6 +1,5 @@
 import GalleryItem, { LoadingGalleryItem } from "./GalleryItem"
 import styles from "@/styles/Carousel.module.scss"
-import { Fursona } from "@/utils/types"
 import { useRef } from "react"
 
 interface IArtCarouselProps {
@@ -9,8 +8,6 @@ interface IArtCarouselProps {
 }
 
 const Carousel = ({ title, images = [] }: IArtCarouselProps) => {
-  return(
-    <div>wip</div>
-  )
+  return <div>wip</div>
 }
 export default Carousel

src/components/CardCarousel.tsx

@@ -1,7 +1,6 @@
 import { useRef } from "react"
 import GalleryItem, { LoadingGalleryItem } from "./GalleryItem"
 import styles from "@/styles/Carousel.module.scss"
-import { Fursona } from "@/utils/types"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faAngleLeft, faAngleRight } from "@fortawesome/free-solid-svg-icons"
 

src/components/CarouselMenu.tsx

@@ -1,7 +1,6 @@
 import { useRef } from "react"
 import GalleryItem, { LoadingGalleryItem } from "./GalleryItem"
 import styles from "../styles/Carousel.module.scss"
-import { Fursona } from "@/utils/types"
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"
 import { faAngleLeft, faAngleRight } from "@fortawesome/free-solid-svg-icons"
 

src/components/Layout.tsx

@@ -1,6 +1,6 @@
 import Head from "next/head"
 import Header from "./Header"
-import Footer from "./Footer"
+// import Footer from "./Footer"
 
 export default function Layout({ children }) {
   return (
@@ -16,7 +16,7 @@ export default function Layout({ children }) {
       <div>
         <Header />
         {children}
-        <Footer />
+        {/* <Footer /> */}
       </div>
     </>
   )

src/pages/index.tsx

@@ -3,7 +3,6 @@ import Container from "@/components/Container"
 import styles from "@/styles/Home.module.scss"
 import UnderConstruction from "@/components/UnderConstruction"
 import Carousel from "@/components/CarouselMenu"
-import { Fursona } from "@/utils/types"
 
 export default function Home() {
   const [data, setData] = useState<Fursona[]>([])
@@ -33,9 +32,7 @@ export default function Home() {
       <main>
         <div id={styles["header-hero"]}>
           <article>
-            <h1>
-              Manage, store, and show your fursonas in one place
-            </h1>
+            <h1>Manage, store, and show your fursonas in one place</h1>
             <p>
               <strong>MyFursona</strong> is an open-source platform where you
               can show off your fluffy characters and show them off to your

tsconfig.json

@@ -21,7 +21,8 @@
     "isolatedModules": true,
     "experimentalDecorators": true,
     "emitDecoratorMetadata": true,
-    "jsx": "preserve"
+    "jsx": "preserve",
+    "typeRoots": ["./@types"]
   },
   "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
   "exclude": ["node_modules"]