+
+
Dashboard
+
+ You can check NineChronicles actions that will be obsoleted soon here.
+
+
+
+
+ The latest block is #{currentBlock}
+
+
+
+ <>
+
#Block Index
+
Action ID
+
Remain blocks
+ >
+
+ {actions.map((action) => (
+ <>
+
+ #{action.obsoleteAt}
+
+
+ {action.id}
+
+
+ {isObsoleted(action)
+ ? Obsoleted
+ : {action.obsoleteAt - currentBlock} blocks remain
+ }
+
+ >
+ ))
+ }
+
+
+ );
+}
+
+export default App;
diff --git a/Dashboard/src/index.css b/Dashboard/src/index.css
new file mode 100644
index 000000000..cc9a3d53c
--- /dev/null
+++ b/Dashboard/src/index.css
@@ -0,0 +1,61 @@
+@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+:root {
+ font-family: Pretendard, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+ line-height: 1.5;
+ font-weight: 400;
+}
+
+a {
+ font-weight: 500;
+ color: #646cff;
+ text-decoration: inherit;
+}
+a:hover {
+ color: #535bf2;
+}
+
+body {
+ margin: 0;
+}
+
+h1 {
+ font-size: 3.2em;
+ line-height: 1.1;
+}
+
+button {
+ border-radius: 8px;
+ border: 1px solid transparent;
+ padding: 0.6em 1.2em;
+ font-size: 1em;
+ font-weight: 500;
+ font-family: inherit;
+ background-color: #1a1a1a;
+ cursor: pointer;
+ transition: border-color 0.25s;
+}
+button:hover {
+ border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+ outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+ :root {
+ color: #213547;
+ background-color: #ffffff;
+ }
+ a:hover {
+ color: #747bff;
+ }
+ button {
+ background-color: #f9f9f9;
+ }
+}
diff --git a/Dashboard/src/main.tsx b/Dashboard/src/main.tsx
new file mode 100644
index 000000000..e2722a476
--- /dev/null
+++ b/Dashboard/src/main.tsx
@@ -0,0 +1,15 @@
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
+import App from './App.tsx'
+import './index.css'
+
+const queryClient = new QueryClient();
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+