feat: add candidate creation flow

Author: dan13ram

apps/web/next.config.js

@@ -37,6 +37,7 @@ const basicConfig = {
     '@buildeross/stores',
     '@buildeross/auction-ui',
     '@buildeross/proposal-ui',
+    '@buildeross/candidate-ui',
     '@buildeross/dao-ui',
     '@buildeross/feed-ui',
     '@buildeross/create-proposal-ui',

apps/web/package.json

@@ -6,6 +6,7 @@
     "@buildeross/analytics": "workspace:*",
     "@buildeross/auction-ui": "workspace:*",
     "@buildeross/blocklist": "workspace:*",
+    "@buildeross/candidate-ui": "workspace:*",
     "@buildeross/constants": "workspace:*",
     "@buildeross/create-dao-ui": "workspace:*",
     "@buildeross/create-proposal-ui": "workspace:*",

apps/web/src/pages/dao/[network]/[token]/candidate/[candidateId].tsx

@@ -2,8 +2,9 @@ import { CACHE_TIMES } from '@buildeross/constants/cacheTimes'
 import { PUBLIC_DEFAULT_CHAINS } from '@buildeross/constants/chains'
 import type { CandidateGroup } from '@buildeross/sdk'
 import { getCandidateGroup } from '@buildeross/sdk'
+import { getDAOAddresses } from '@buildeross/sdk/contract'
 import { useChainStore } from '@buildeross/stores'
-import { CHAIN_ID } from '@buildeross/types'
+import { AddressType, CHAIN_ID } from '@buildeross/types'
 import { Box, Button, Flex, Stack, Text } from '@buildeross/zord'
 import { GetServerSideProps } from 'next'
 import { useRouter } from 'next/router'
@@ -201,7 +202,7 @@ CandidateDetailPage.getLayout = getDaoLayout
 
 export const getServerSideProps: GetServerSideProps = async (context) => {
   const network = context.params?.network as string
-  // const token = context.params?.token as string
+  const token = context.params?.token as AddressType
   const candidateId = context.params?.candidateId as string
 
   // Validate network
@@ -213,6 +214,12 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
     return { notFound: true }
   }
 
+  const addresses = await getDAOAddresses(validChain.id, token)
+
+  if (!addresses) {
+    return { notFound: true }
+  }
+
   // Fetch candidate data server-side
   let initialData: CandidateGroup | undefined
   try {
@@ -233,8 +240,10 @@ export const getServerSideProps: GetServerSideProps = async (context) => {
 
   return {
     props: {
+      addresses,
       candidateId,
       initialData: initialData || null,
+      chainId: validChain.id,
     },
   }
 }