From 5c4fccb11e2ed9f58f00ff2a359d46725e3161fe Mon Sep 17 00:00:00 2001 From: Victor Oliva Date: Tue, 22 Oct 2024 16:20:30 +0200 Subject: [PATCH] add router --- index.html | 4 ++-- src/App.tsx | 15 ++++++++++++++- src/chain.state.ts | 2 ++ src/main.tsx | 15 +++++++++------ src/pages/Extrinsics/Extrinsics.tsx | 3 +++ src/pages/Extrinsics/index.ts | 1 + src/pages/Header.tsx | 15 +++++++++++++++ 7 files changed, 46 insertions(+), 9 deletions(-) create mode 100644 src/chain.state.ts create mode 100644 src/pages/Extrinsics/Extrinsics.tsx create mode 100644 src/pages/Extrinsics/index.ts create mode 100644 src/pages/Header.tsx diff --git a/index.html b/index.html index 3f2f624..ea96370 100644 --- a/index.html +++ b/index.html @@ -6,8 +6,8 @@ PAPI Console - -
+ +
diff --git a/src/App.tsx b/src/App.tsx index e9054fb..af28623 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,3 +1,16 @@ +import { Navigate, Route, Routes } from "react-router-dom" +import { Header } from "./pages/Header" +import { Extrinsics } from "./pages/Extrinsics" + export default function App() { - return
App
+ return ( +
+
+ + + } /> + } /> + +
+ ) } diff --git a/src/chain.state.ts b/src/chain.state.ts new file mode 100644 index 0000000..139597f --- /dev/null +++ b/src/chain.state.ts @@ -0,0 +1,2 @@ + + diff --git a/src/main.tsx b/src/main.tsx index 6f4ac9b..a0ab048 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -1,10 +1,13 @@ -import { StrictMode } from 'react' -import { createRoot } from 'react-dom/client' -import App from './App.tsx' -import './index.css' +import { StrictMode } from "react" +import { createRoot } from "react-dom/client" +import App from "./App.tsx" +import "./index.css" +import { BrowserRouter } from "react-router-dom" -createRoot(document.getElementById('root')!).render( +createRoot(document.getElementById("root")!).render( - + + + , ) diff --git a/src/pages/Extrinsics/Extrinsics.tsx b/src/pages/Extrinsics/Extrinsics.tsx new file mode 100644 index 0000000..15e22d9 --- /dev/null +++ b/src/pages/Extrinsics/Extrinsics.tsx @@ -0,0 +1,3 @@ +export const Extrinsics = () => { + return
Foo
+} diff --git a/src/pages/Extrinsics/index.ts b/src/pages/Extrinsics/index.ts new file mode 100644 index 0000000..ad211c2 --- /dev/null +++ b/src/pages/Extrinsics/index.ts @@ -0,0 +1 @@ +export * from "./Extrinsics" diff --git a/src/pages/Header.tsx b/src/pages/Header.tsx new file mode 100644 index 0000000..2402bf4 --- /dev/null +++ b/src/pages/Header.tsx @@ -0,0 +1,15 @@ +import { Link } from "react-router-dom" + +export const Header = () => ( +
+

PAPI Console

+
+ + Extrinsics + +
+
+)