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
+
+
+