From 23730b81db59812a1b2d056e7329d9d401f9223c Mon Sep 17 00:00:00 2001 From: AINDUSTRIES Date: Mon, 10 Mar 2025 11:45:44 +0100 Subject: [PATCH] revert 0f3d8d60b1866416a4d192b76a2d1df9c5f65232 revert Clean and add main page to src --- app/app.css | 15 +++++++ app/root.tsx | 75 ++++++++++++++++++++++++++++++++ app/routes.ts | 3 ++ app/routes/home.tsx | 13 ++++++ app/welcome/logo-dark.svg | 23 ++++++++++ app/welcome/logo-light.svg | 23 ++++++++++ app/welcome/welcome.tsx | 89 ++++++++++++++++++++++++++++++++++++++ src/App.tsx | 11 ----- src/index.tsx | 5 --- 9 files changed, 241 insertions(+), 16 deletions(-) create mode 100644 app/app.css create mode 100644 app/root.tsx create mode 100644 app/routes.ts create mode 100644 app/routes/home.tsx create mode 100644 app/welcome/logo-dark.svg create mode 100644 app/welcome/logo-light.svg create mode 100644 app/welcome/welcome.tsx delete mode 100644 src/App.tsx delete mode 100644 src/index.tsx diff --git a/app/app.css b/app/app.css new file mode 100644 index 0000000..99345d8 --- /dev/null +++ b/app/app.css @@ -0,0 +1,15 @@ +@import "tailwindcss"; + +@theme { + --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, + "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; +} + +html, +body { + @apply bg-white dark:bg-gray-950; + + @media (prefers-color-scheme: dark) { + color-scheme: dark; + } +} diff --git a/app/root.tsx b/app/root.tsx new file mode 100644 index 0000000..9fc6636 --- /dev/null +++ b/app/root.tsx @@ -0,0 +1,75 @@ +import { + isRouteErrorResponse, + Links, + Meta, + Outlet, + Scripts, + ScrollRestoration, +} from "react-router"; + +import type { Route } from "./+types/root"; +import "./app.css"; + +export const links: Route.LinksFunction = () => [ + { rel: "preconnect", href: "https://fonts.googleapis.com" }, + { + rel: "preconnect", + href: "https://fonts.gstatic.com", + crossOrigin: "anonymous", + }, + { + rel: "stylesheet", + href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap", + }, +]; + +export function Layout({ children }: { children: React.ReactNode }) { + return ( + + + + + + + + + {children} + + + + + ); +} + +export default function App() { + return ; +} + +export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) { + let message = "Oops!"; + let details = "An unexpected error occurred."; + let stack: string | undefined; + + if (isRouteErrorResponse(error)) { + message = error.status === 404 ? "404" : "Error"; + details = + error.status === 404 + ? "The requested page could not be found." + : error.statusText || details; + } else if (import.meta.env.DEV && error && error instanceof Error) { + details = error.message; + stack = error.stack; + } + + return ( +
+

{message}

+

{details}

+ {stack && ( + 
+          {stack}
+
+ )} +
+ ); +} diff --git a/app/routes.ts b/app/routes.ts new file mode 100644 index 0000000..102b402 --- /dev/null +++ b/app/routes.ts @@ -0,0 +1,3 @@ +import { type RouteConfig, index } from "@react-router/dev/routes"; + +export default [index("routes/home.tsx")] satisfies RouteConfig; diff --git a/app/routes/home.tsx b/app/routes/home.tsx new file mode 100644 index 0000000..398e47c --- /dev/null +++ b/app/routes/home.tsx @@ -0,0 +1,13 @@ +import type { Route } from "./+types/home"; +import { Welcome } from "../welcome/welcome"; + +export function meta({}: Route.MetaArgs) { + return [ + { title: "New React Router App" }, + { name: "description", content: "Welcome to React Router!" }, + ]; +} + +export default function Home() { + return ; +} diff --git a/app/welcome/logo-dark.svg b/app/welcome/logo-dark.svg new file mode 100644 index 0000000..dd82028 --- /dev/null +++ b/app/welcome/logo-dark.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/welcome/logo-light.svg b/app/welcome/logo-light.svg new file mode 100644 index 0000000..7328492 --- /dev/null +++ b/app/welcome/logo-light.svg @@ -0,0 +1,23 @@ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/app/welcome/welcome.tsx b/app/welcome/welcome.tsx new file mode 100644 index 0000000..8ac6e1d --- /dev/null +++ b/app/welcome/welcome.tsx @@ -0,0 +1,89 @@ +import logoDark from "./logo-dark.svg"; +import logoLight from "./logo-light.svg"; + +export function Welcome() { + return ( +
+
+
+
+ React Router + React Router +
+
+
+ +
+
+
+ ); +} + +const resources = [ + { + href: "https://reactrouter.com/docs", + text: "React Router Docs", + icon: ( + + + + ), + }, + { + href: "https://rmx.as/discord", + text: "Join Discord", + icon: ( + + + + ), + }, +]; diff --git a/src/App.tsx b/src/App.tsx deleted file mode 100644 index 0da27b1..0000000 --- a/src/App.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import React from "react"; - -const App = () => { - return ( -
-

Main Page

-
- ); -}; - -export default App; diff --git a/src/index.tsx b/src/index.tsx deleted file mode 100644 index c24e9d8..0000000 --- a/src/index.tsx +++ /dev/null @@ -1,5 +0,0 @@ -import React from "react"; -import ReactDOM from "react-dom"; -import App from "./App"; - -ReactDOM.render(, document.getElementById("root"));