feat: add React app shell with routing
This commit is contained in:
14
src/App.tsx
Normal file
14
src/App.tsx
Normal file
@@ -0,0 +1,14 @@
|
||||
import { Routes, Route } from "react-router-dom";
|
||||
import LoginPage from "./pages/LoginPage";
|
||||
import WorkspacePage from "./pages/WorkspacePage";
|
||||
import ChatPage from "./pages/ChatPage";
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<Routes>
|
||||
<Route path="/" element={<LoginPage />} />
|
||||
<Route path="/workspaces" element={<WorkspacePage />} />
|
||||
<Route path="/workspaces/:workspaceId" element={<ChatPage />} />
|
||||
</Routes>
|
||||
);
|
||||
}
|
||||
@@ -1,8 +1,12 @@
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom/client";
|
||||
import { BrowserRouter } from "react-router-dom";
|
||||
import App from "./App";
|
||||
|
||||
ReactDOM.createRoot(document.getElementById("root")!).render(
|
||||
<React.StrictMode>
|
||||
<div>Loading…</div>
|
||||
<BrowserRouter>
|
||||
<App />
|
||||
</BrowserRouter>
|
||||
</React.StrictMode>
|
||||
);
|
||||
|
||||
3
src/pages/ChatPage.tsx
Normal file
3
src/pages/ChatPage.tsx
Normal file
@@ -0,0 +1,3 @@
|
||||
export default function ChatPage() {
|
||||
return <div>Chat</div>;
|
||||
}
|
||||
3
src/pages/LoginPage.tsx
Normal file
3
src/pages/LoginPage.tsx
Normal file
@@ -0,0 +1,3 @@
|
||||
export default function LoginPage() {
|
||||
return <div>Login</div>;
|
||||
}
|
||||
3
src/pages/WorkspacePage.tsx
Normal file
3
src/pages/WorkspacePage.tsx
Normal file
@@ -0,0 +1,3 @@
|
||||
export default function WorkspacePage() {
|
||||
return <div>Workspaces</div>;
|
||||
}
|
||||
Reference in New Issue
Block a user