From 06cb26633d4096f6f52c237213db3e4a28479bf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Wed, 10 Jul 2024 23:11:05 +0800
Subject: [PATCH] =?UTF-8?q?enhance(layout):=E6=9E=84=E5=BB=BA=E5=8F=AF?=
 =?UTF-8?q?=E4=BB=A5=E8=BF=90=E8=A1=8C=E7=9A=84=E7=95=8C=E9=9D=A2=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main.tsx             | 2 +-
 src/pages/MainLayout.tsx | 3 +++
 src/pages/index.tsx      | 2 ++
 src/pages/routes.tsx     | 8 +++++++-
 src/theme.tsx            | 3 ++-
 5 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/main.tsx b/src/main.tsx
index 7915787..a46b6a2 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -4,7 +4,7 @@ import React from "react";
 import ReactDOM from "react-dom/client";
 import { RouterProvider } from "react-router-dom";
 import { globalStyle } from "./global-style";
-import { routes } from "./pages/routes";
+import { routes } from "./pages";
 import { theme } from "./theme";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
diff --git a/src/pages/MainLayout.tsx b/src/pages/MainLayout.tsx
index e69de29..193d855 100644
--- a/src/pages/MainLayout.tsx
+++ b/src/pages/MainLayout.tsx
@@ -0,0 +1,3 @@
+export function MainLayout() {
+  return <div></div>;
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index e69de29..4d4fac7 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -0,0 +1,2 @@
+export { MainLayout } from "./MainLayout";
+export { routes } from "./routes";
diff --git a/src/pages/routes.tsx b/src/pages/routes.tsx
index c8e560b..4aba96b 100644
--- a/src/pages/routes.tsx
+++ b/src/pages/routes.tsx
@@ -1,3 +1,9 @@
 import { createBrowserRouter } from "react-router-dom";
+import { MainLayout } from "./MainLayout";
 
-export const routes = createBrowserRouter([]);
+export const routes = createBrowserRouter([
+  {
+    path: "/",
+    element: <MainLayout />,
+  },
+]);
diff --git a/src/theme.tsx b/src/theme.tsx
index 6e5478a..e809333 100644
--- a/src/theme.tsx
+++ b/src/theme.tsx
@@ -1,4 +1,5 @@
 import type { Theme } from "@emotion/react";
+import chroma from "chroma-js";
 import { generatePalette } from "./style-predefines";
 
 const colors: Theme["colors"] = {
@@ -9,7 +10,7 @@ const colors: Theme["colors"] = {
   grape: generatePalette("#f8f0fc", "#862e9c"),
   violet: generatePalette("#f3f0ff", "#5f3dc4"),
   indigo: generatePalette("#edf2ff", "#364fc7"),
-  bllue: generatePalette("#e7f5ff", "#1864ab"),
+  blue: generatePalette("#e7f5ff", "#1864ab"),
   cyan: generatePalette("#e3fafc", "#0b7285"),
   teal: generatePalette("#e6fcf5", "#087f5b"),
   green: generatePalette("#ebfbee", "#2b8a3e"),