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 React from "react";
|
||||||
import ReactDOM from "react-dom/client";
|
import ReactDOM from "react-dom/client";
|
||||||
|
import { BrowserRouter } from "react-router-dom";
|
||||||
|
import App from "./App";
|
||||||
|
|
||||||
ReactDOM.createRoot(document.getElementById("root")!).render(
|
ReactDOM.createRoot(document.getElementById("root")!).render(
|
||||||
<React.StrictMode>
|
<React.StrictMode>
|
||||||
<div>Loading…</div>
|
<BrowserRouter>
|
||||||
|
<App />
|
||||||
|
</BrowserRouter>
|
||||||
</React.StrictMode>
|
</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