-
- 
-
-
+ return (
+
- Edit src/App.tsx and save to reload.
-
available docker images:
- {images.map(img => {img}{', '})}
-
Press cmd + T to open terminal window
+
+
+
+
+ )
+}
+
+export default BaseNodeContainer
diff --git a/applications/launchpad_v2/src/containers/Dashboard/DashboardContainer/index.tsx b/applications/launchpad_v2/src/containers/Dashboard/DashboardContainer/index.tsx
new file mode 100644
index 0000000000..50048a86df
--- /dev/null
+++ b/applications/launchpad_v2/src/containers/Dashboard/DashboardContainer/index.tsx
@@ -0,0 +1,76 @@
+import { useDispatch, useSelector } from 'react-redux'
+
+import { DashboardContent, DashboardLayout } from './styles'
+
+import MiningContainer from '../../MiningContainer'
+import BaseNodeContainer from '../../BaseNodeContainer'
+import WalletContainer from '../../WalletContainer'
+
+import Footer from '../../../components/Footer'
+import Tabs from '../../../components/Tabs'
+
+import { setPage } from '../../../store/app'
+import { ViewType } from '../../../store/app/types'
+import { selectView } from '../../../store/app/selectors'
+
+/**
+ * @TODO move user-facing text to i18n file when implementing
+ */
+
+/**
+ * Dashboard view containing three main tabs: Mining, Wallet and BaseNode
+ */
+const DashboardContainer = () => {
+ const dispatch = useDispatch()
+
+ const currentPage = useSelector(selectView)
+
+ const pageTabs = [
+ {
+ id: 'MINING',
+ content: Mining,
+ },
+ {
+ id: 'BASE_NODE',
+ content: Base Node,
+ },
+ {
+ id: 'WALLET',
+ content: Wallet,
+ },
+ ]
+
+ const setPageTab = (tabId: string) => {
+ dispatch(setPage(tabId as ViewType))
+ }
+
+ const renderPage = () => {
+ switch (currentPage) {
+ case 'MINING':
+ return Base Node
+
+ available docker images:
+
+ {images.map(img => (
+
+ {img}
+ {', '}
+
+ ))}
+
+
+ )
+}
+
+export default ExpertView
diff --git a/applications/launchpad_v2/src/containers/MiningContainer/index.tsx b/applications/launchpad_v2/src/containers/MiningContainer/index.tsx
new file mode 100644
index 0000000000..d325bb38a3
--- /dev/null
+++ b/applications/launchpad_v2/src/containers/MiningContainer/index.tsx
@@ -0,0 +1,22 @@
+import { useDispatch } from 'react-redux'
+
+import { setTheme } from '../../store/app'
+
+/**
+ * @TODO move user-facing text to i18n file when implementing
+ */
+
+const MiningContainer = () => {
+ const dispatch = useDispatch()
+ return (
+ Expert View
+ +
+
+ )
+}
+
+export default MiningContainer
diff --git a/applications/launchpad_v2/src/containers/WalletContainer/index.tsx b/applications/launchpad_v2/src/containers/WalletContainer/index.tsx
new file mode 100644
index 0000000000..f47cc2cca5
--- /dev/null
+++ b/applications/launchpad_v2/src/containers/WalletContainer/index.tsx
@@ -0,0 +1,13 @@
+/**
+ * @TODO move user-facing text to i18n file when implementing
+ */
+
+const WalletContainer = () => {
+ return (
+ Mining
+ + +
+
+ )
+}
+
+export default WalletContainer
diff --git a/applications/launchpad_v2/src/index.tsx b/applications/launchpad_v2/src/index.tsx
index 9cdb5d3964..d836929b5a 100644
--- a/applications/launchpad_v2/src/index.tsx
+++ b/applications/launchpad_v2/src/index.tsx
@@ -1,16 +1,21 @@
import React from 'react'
import { createRoot } from 'react-dom/client'
+import { Provider } from 'react-redux'
+
import './index.css'
import App from './App'
import reportWebVitals from './reportWebVitals'
+import { store } from './store'
const container = document.getElementById('root')
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
const root = createRoot(container!)
root.render(