refactor: restructured page components

sebastian-software · Jul 30, 2024 · 8b52a07 · 8b52a07
1 parent ae5ce0b
commit 8b52a07
Show file tree

Hide file tree

Showing 15 changed files with 10 additions and 5 deletions.
diff --git a/app/components/body/Body.css.ts → app/components/page/body/Body.css.ts b/app/components/body/Body.css.ts → app/components/page/body/Body.css.ts
diff --git a/app/components/body/Body.tsx → app/components/page/body/Body.tsx b/app/components/body/Body.tsx → app/components/page/body/Body.tsx
diff --git a/app/components/page/body/index.ts b/app/components/page/body/index.ts
@@ -0,0 +1 @@
+export * from "./Body"
diff --git a/app/components/footer/Footer.css.ts → app/components/page/footer/Footer.css.ts b/app/components/footer/Footer.css.ts → app/components/page/footer/Footer.css.ts
diff --git a/app/components/footer/Footer.tsx → app/components/page/footer/Footer.tsx b/app/components/footer/Footer.tsx → app/components/page/footer/Footer.tsx
@@ -1,6 +1,6 @@
 import { Link } from "@remix-run/react"
 
-import { Spacer } from "../spacer/Spacer"
+import { Spacer } from "../../spacer/Spacer"
 import { root } from "./Footer.css"
 
 export function Footer() {

diff --git a/app/components/page/footer/index.ts b/app/components/page/footer/index.ts
@@ -0,0 +1 @@
+export * from "./Footer"
diff --git a/app/components/header/Header.css.ts → app/components/page/header/Header.css.ts b/app/components/header/Header.css.ts → app/components/page/header/Header.css.ts
diff --git a/app/components/header/Header.tsx → app/components/page/header/Header.tsx b/app/components/header/Header.tsx → app/components/page/header/Header.tsx
diff --git a/app/components/page/header/index.ts b/app/components/page/header/index.ts
@@ -0,0 +1 @@
+export * from "./Header"
diff --git a/app/components/header/logo-dark.svg → app/components/page/header/logo-dark.svg b/app/components/header/logo-dark.svg → app/components/page/header/logo-dark.svg
diff --git a/app/components/page/index.ts b/app/components/page/index.ts
@@ -0,0 +1,4 @@
+export * from "./body"
+export * from "./footer"
+export * from "./header"
+export * from "./main"
diff --git a/app/components/main/Main.css.ts → app/components/page/main/Main.css.ts b/app/components/main/Main.css.ts → app/components/page/main/Main.css.ts
diff --git a/app/components/main/Main.tsx → app/components/page/main/Main.tsx b/app/components/main/Main.tsx → app/components/page/main/Main.tsx
diff --git a/app/components/page/main/index.ts b/app/components/page/main/index.ts
@@ -0,0 +1 @@
+export * from "./Main"
diff --git a/app/root.tsx b/app/root.tsx
@@ -9,11 +9,8 @@ import {
 } from "@remix-run/react"
 import type { PropsWithChildren } from "react"
 
-import { Body } from "./components/body/Body"
 import { FavIcon } from "./components/favicon/FavIcon"
-import { Footer } from "./components/footer/Footer"
-import { Header } from "./components/header/Header"
-import { Main } from "./components/main/Main"
+import { Body, Footer, Header, Main } from "./components/page"
 
 export function Layout({ children }: PropsWithChildren) {
   return (