feat(dac): add DAC voting app

package.json

@@ -2,9 +2,9 @@
     "name": "host-react",
     "version": "1.0.0",
     "scripts": {
-        "build": "PUBLIC_PATH=https://suite.camino.network/ EXPLORER_PATH=https://suite.camino.network/explorer/ WALLET_PATH=https://suite.camino.network/wallet/ webpack --config webpack.prod.js",
-        "build:dev": "PUBLIC_PATH=https://dev.suite.camino.network/ EXPLORER_PATH=https://dev.suite.camino.network/explorer/ WALLET_PATH=https://dev.suite.camino.network/wallet/ webpack --config webpack.dev.js",
-        "build:stage": "PUBLIC_PATH=https://stage.suite.camino.network/ EXPLORER_PATH=https://stage.suite.camino.network/explorer/ WALLET_PATH=https://stage.suite.camino.network/wallet/ webpack --config webpack.prod.js",
+        "build": "PUBLIC_PATH=https://suite.camino.network/ EXPLORER_PATH=https://suite.camino.network/explorer/ WALLET_PATH=https://suite.camino.network/wallet/ DAC_PATH=https://suite.camino.network/dac/ webpack --config webpack.prod.js",
+        "build:dev": "PUBLIC_PATH=https://dev.suite.camino.network/ EXPLORER_PATH=https://dev.suite.camino.network/explorer/ WALLET_PATH=https://dev.suite.camino.network/wallet/ DAC_PATH=https://dev.suite.camino.network/dac/ webpack --config webpack.dev.js",
+        "build:stage": "PUBLIC_PATH=https://stage.suite.camino.network/ EXPLORER_PATH=https://stage.suite.camino.network/explorer/ WALLET_PATH=https://stage.suite.camino.network/wallet/ DAC_PATH=https://stage.suite.camino.network/dac/ webpack --config webpack.prod.js",
         "build:start": "cd dist && PORT=5001 npx serve",
         "start": "webpack-dev-server --config webpack.local.js",
         "start:live": "webpack-dev-server --open --config webpack.local.js --live-reload",

src/constants/apps-consts.ts

@@ -18,6 +18,12 @@ export const APPS_CONSTS = [
         url: '/explorer',
         private: false,
     },
+    {
+        name: 'DAC',
+        subText: 'Decentralized Autonomous Consortium',
+        url: '/dac',
+        private: false,
+    },
     {
         name: 'Foundation',
         subText: 'Tools for foundation members.',

src/layout/RenderApp.tsx

@@ -3,11 +3,13 @@ import React from 'react'
 import { RootState } from '../redux/store'
 import Wallet from './WalletApp'
 import { useAppSelector } from '../hooks/reduxHooks'
+import VoteApp from '../views/vote/VoteApp'
 
 const RenderApp = () => {
     const activeApp = useAppSelector((state: RootState) => state.appConfig.activeApp)
     if (activeApp === 'Explorer') return <ExplorerApp />
     else if (activeApp === 'Wallet') return <Wallet />
+    else if (activeApp === 'DAC') return <VoteApp />
     return <div>Not Yet Implemented</div>
 }
 

src/layout/RoutesSuite.tsx

@@ -18,6 +18,7 @@ import CreatedOffers from '../views/partners/CreatedOffers'
 import Foundation from '../views/partners/Foundation'
 import MultisigWallet from '../views/settings/MultisigWallet'
 import Settings from '../views/settings/index'
+import VoteApp from '../views/vote/VoteApp'
 import Wallet from '../views/wallet/WalletApp'
 import CreateDepositsLayout from './CreateDepositLayout'
 import PartnersLayout from './PartnersLayout'
@@ -91,6 +92,9 @@ export default function RoutesSuite() {
                             path="/explorer"
                             element={<Navigate to={`/explorer/${networkAliasToUrl}`} />}
                         />
+
+                        <Route path={`/dac/*`} element={<VoteApp />} />
+                        <Route path={`/dac`} element={<Navigate to="/dac/active" />} />
                     </>
                 ) : null}
                 <Route element={<Protected />}>

src/views/vote/VoteApp.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import useNetwork from '../../hooks/useNetwork'
+const Vote = React.lazy(() => import('DAC/dac'))
+
+const VoteApp = () => {
+    const { activeNetwork } = useNetwork()
+    return (
+        <React.Suspense fallback={<div>Loading...</div>}>
+            <Vote network={activeNetwork} />
+        </React.Suspense>
+    )
+}
+
+export default VoteApp

webpack.dev.js

@@ -6,6 +6,7 @@ const deps = require('./package.json').dependencies
 const publicPath = process.env.PUBLIC_PATH
 const explorerPath = process.env.EXPLORER_PATH
 const walletPath = process.env.WALLET_PATH
+const dacPath = process.env.DAC_PATH
 
 module.exports = merge(common, {
     mode: 'development',
@@ -24,6 +25,7 @@ module.exports = merge(common, {
             remotes: {
                 Explorer: 'Explorer@' + explorerPath + 'remoteEntry.js',
                 wallet: 'wallet@' + walletPath + 'remoteEntry.js',
+                DAC: 'dac@' + dacPath + 'remoteEntry.js',
             },
             exposes: {},
             shared: {

webpack.local.js

@@ -24,6 +24,7 @@ module.exports = merge(common, {
             remotes: {
                 Explorer: 'Explorer@http://localhost:5002/remoteEntry.js',
                 wallet: 'wallet@http://localhost:5003/remoteEntry.js',
+                DAC: 'dac@http://localhost:5005/remoteEntry.js',
             },
             exposes: {},
             shared: {

webpack.prod.js

@@ -6,6 +6,7 @@ const deps = require('./package.json').dependencies
 const publicPath = process.env.PUBLIC_PATH
 const explorerPath = process.env.EXPLORER_PATH
 const walletPath = process.env.WALLET_PATH
+const dacPath = process.env.DAC_PATH
 
 module.exports = merge(common, {
     mode: 'production',
@@ -23,6 +24,7 @@ module.exports = merge(common, {
             remotes: {
                 Explorer: 'Explorer@' + explorerPath + 'remoteEntry.js',
                 wallet: 'wallet@' + walletPath + 'remoteEntry.js',
+                DAC: 'dac@' + dacPath + 'remoteEntry.js',
             },
             exposes: {},
             shared: {