mirror of
https://github.com/BarkProductions/barkman.git
synced 2026-06-13 06:11:55 +00:00
Made router work
This commit is contained in:
Generated
+1
@@ -10,6 +10,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"react": "^18.3.1",
|
"react": "^18.3.1",
|
||||||
"react-dom": "^18.3.1",
|
"react-dom": "^18.3.1",
|
||||||
|
"react-router": "^7.1.1",
|
||||||
"react-router-dom": "^7.1.1"
|
"react-router-dom": "^7.1.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
@@ -12,6 +12,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"react": "^18.3.1",
|
"react": "^18.3.1",
|
||||||
"react-dom": "^18.3.1",
|
"react-dom": "^18.3.1",
|
||||||
|
"react-router": "^7.1.1",
|
||||||
"react-router-dom": "^7.1.1"
|
"react-router-dom": "^7.1.1"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
|
|||||||
+9
-10
@@ -1,21 +1,20 @@
|
|||||||
import './App.css'
|
import './App.css'
|
||||||
import { Link } from 'react-router-dom';
|
import { Routes, Route} from 'react-router';
|
||||||
|
import Home from './pages/home.tsx';
|
||||||
|
import Inventory from "./pages/inventory.tsx";
|
||||||
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div>
|
<Routes>
|
||||||
<h1>BarkMan</h1>
|
<Route index element={<Home />} />
|
||||||
</div>
|
<Route path="inventory" element={<Inventory />} />
|
||||||
<p>
|
</Routes>
|
||||||
ARFF ARFF BARK BARK
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<Link to="/inventory">
|
|
||||||
<button>Inventory</button>
|
|
||||||
</Link>
|
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -2,9 +2,12 @@ import { StrictMode } from 'react'
|
|||||||
import { createRoot } from 'react-dom/client'
|
import { createRoot } from 'react-dom/client'
|
||||||
import './index.css'
|
import './index.css'
|
||||||
import App from './App.tsx'
|
import App from './App.tsx'
|
||||||
|
import { BrowserRouter } from "react-router";
|
||||||
|
|
||||||
createRoot(document.getElementById('root')!).render(
|
createRoot(document.getElementById('root')!).render(
|
||||||
<StrictMode>
|
<StrictMode>
|
||||||
<App />
|
<BrowserRouter>
|
||||||
|
<App />
|
||||||
|
</BrowserRouter>
|
||||||
</StrictMode>,
|
</StrictMode>,
|
||||||
)
|
)
|
||||||
|
|||||||
@@ -0,0 +1,24 @@
|
|||||||
|
import '../App.css'
|
||||||
|
import {Link} from "react-router";
|
||||||
|
|
||||||
|
|
||||||
|
function Home() {
|
||||||
|
|
||||||
|
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
<div>
|
||||||
|
<h1>Home</h1>
|
||||||
|
</div>
|
||||||
|
<p>
|
||||||
|
ARFF ARFF BARK BARK
|
||||||
|
</p>
|
||||||
|
<Link to="/inventory">
|
||||||
|
<button>Inventory</button>
|
||||||
|
</Link>
|
||||||
|
|
||||||
|
</>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Home
|
||||||
@@ -1,4 +1,4 @@
|
|||||||
import './App.css'
|
import '../App.css'
|
||||||
|
|
||||||
function Inventory() {
|
function Inventory() {
|
||||||
|
|
||||||
Reference in New Issue
Block a user