From 704b3d06e9205de47a2fb0ce792dea6cf7248f1f Mon Sep 17 00:00:00 2001 From: Xevion Date: Fri, 25 Nov 2022 00:40:31 -0600 Subject: [PATCH] Rearrange components & utilities --- src/{ => components}/App.tsx | 7 +++---- src/{ => components}/Post.tsx | 0 src/main.tsx | 4 ++-- src/{ => styles}/index.scss | 0 src/{utils.ts => utils/helpers.ts} | 0 src/{ => utils}/useBackground.tsx | 4 ++-- 6 files changed, 7 insertions(+), 8 deletions(-) rename src/{ => components}/App.tsx (91%) rename src/{ => components}/Post.tsx (100%) rename src/{ => styles}/index.scss (100%) rename src/{utils.ts => utils/helpers.ts} (100%) rename src/{ => utils}/useBackground.tsx (95%) diff --git a/src/App.tsx b/src/components/App.tsx similarity index 91% rename from src/App.tsx rename to src/components/App.tsx index 3531d34..0ef441e 100644 --- a/src/App.tsx +++ b/src/components/App.tsx @@ -1,7 +1,6 @@ -import { useEventListener, useInterval, useWindowSize } from "usehooks-ts"; -import useBackground from "@/useBackground"; -import Post from "@/Post"; -import { useToggle } from "usehooks-ts"; +import { useEventListener, useInterval, useWindowSize, useToggle } from "usehooks-ts"; +import useBackground from "@/utils/useBackground"; +import Post from "@/components/Post"; import { ArrowPathIcon, diff --git a/src/Post.tsx b/src/components/Post.tsx similarity index 100% rename from src/Post.tsx rename to src/components/Post.tsx diff --git a/src/main.tsx b/src/main.tsx index a3539a2..dac47fe 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,7 +1,7 @@ import React from "react"; import ReactDOM from "react-dom/client"; -import App from "./App"; -import "./index.scss"; +import App from "@/components/App"; +import "@/styles/index.scss"; ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render( diff --git a/src/index.scss b/src/styles/index.scss similarity index 100% rename from src/index.scss rename to src/styles/index.scss diff --git a/src/utils.ts b/src/utils/helpers.ts similarity index 100% rename from src/utils.ts rename to src/utils/helpers.ts diff --git a/src/useBackground.tsx b/src/utils/useBackground.tsx similarity index 95% rename from src/useBackground.tsx rename to src/utils/useBackground.tsx index c6594a9..8019fb4 100644 --- a/src/useBackground.tsx +++ b/src/utils/useBackground.tsx @@ -1,7 +1,7 @@ import { Chance } from "chance"; -import { useEffect, useMemo, useState } from "react"; +import { useMemo, useState } from "react"; import ReactDOMServer from "react-dom/server"; -import { getEdgePoint } from "./utils"; +import { getEdgePoint } from "@/utils/helpers"; interface useBackgroundProps { width: number;