Polytone NFT Support and miscellaneous UX improvements (#1358)

* Made NFT actions support polytone and display polytone NFTs in treasury.

* Hide chain picker for Mint and Display NFT actions once created.

* Only count as pending the proposals that the wallet has voting power in.

* Redirect to DAO if polytone address in URL.

* Load accent color of DAO from items instead of static props and hardcode accent for chains.

* Add accent item to suggested keys list in manage storage items action.

* Batch indexer requests.

* Fixed type.

apps/dapp/pages/dao/[address]/[[...slug]].tsx

@@ -231,6 +231,7 @@ export const getStaticPaths: GetStaticPaths = () => ({
 })
 
 export const getStaticProps = makeGetDaoStaticProps({
+  appMode: DaoPageMode.Dapp,
   getProps: async ({ coreAddress }) => ({
     url: SITE_URL + getDaoPath(DaoPageMode.Dapp, coreAddress),
   }),

apps/dapp/pages/dao/[address]/create.tsx

@@ -30,6 +30,7 @@ export const getStaticPaths: GetStaticPaths = () => ({
 })
 
 export const getStaticProps = makeGetDaoStaticProps({
+  appMode: DaoPageMode.Dapp,
   getProps: async ({ t, coreAddress }) => ({
     url: SITE_URL + getDaoPath(DaoPageMode.Dapp, coreAddress, 'create'),
     followingTitle: t('title.createASubDao'),

apps/dapp/pages/dao/[address]/proposals/[proposalId].tsx

@@ -31,6 +31,7 @@ export const getStaticPaths: GetStaticPaths = () => ({
 })
 
 export const getStaticProps = makeGetDaoProposalStaticProps({
+  appMode: DaoPageMode.Dapp,
   getProposalUrlPrefix: ({ address }) =>
     SITE_URL +
     getDaoProposalPath(

apps/dapp/pages/dao/[address]/proposals/create.tsx

@@ -31,6 +31,7 @@ export const getStaticPaths: GetStaticPaths = () => ({
 })
 
 export const getStaticProps = makeGetDaoStaticProps({
+  appMode: DaoPageMode.Dapp,
   getProps: ({ t, coreAddress }) => ({
     url: SITE_URL + getDaoProposalPath(DaoPageMode.Dapp, coreAddress, 'create'),
     followingTitle: t('title.createAProposal'),

apps/sda/pages/[address]/[[...slug]].tsx

@@ -70,6 +70,7 @@ export const getStaticPaths: GetStaticPaths = () => ({
 })
 
 export const getStaticProps = makeGetDaoStaticProps({
+  appMode: DaoPageMode.Sda,
   getProps: async ({ coreAddress }) => ({
     url: SITE_URL + getDaoPath(DaoPageMode.Sda, coreAddress),
   }),

apps/sda/pages/[address]/create.tsx

@@ -17,6 +17,7 @@ export const getStaticPaths: GetStaticPaths = () => ({
 })
 
 export const getStaticProps = makeGetDaoStaticProps({
+  appMode: DaoPageMode.Sda,
   getProps: async ({ t, coreAddress }) => ({
     url: SITE_URL + getDaoPath(DaoPageMode.Sda, coreAddress, 'create'),
     followingTitle: t('title.createASubDao'),

apps/sda/pages/[address]/proposals/[proposalId].tsx

@@ -18,6 +18,7 @@ export const getStaticPaths: GetStaticPaths = () => ({
 })
 
 export const getStaticProps = makeGetDaoProposalStaticProps({
+  appMode: DaoPageMode.Sda,
   getProposalUrlPrefix: ({ address }) =>
     SITE_URL +
     getDaoProposalPath(

apps/sda/pages/[address]/proposals/create.tsx

@@ -18,6 +18,7 @@ export const getStaticPaths: GetStaticPaths = () => ({
 })
 
 export const getStaticProps = makeGetDaoStaticProps({
+  appMode: DaoPageMode.Sda,
   getProps: ({ t, coreAddress }) => ({
     url: SITE_URL + getDaoProposalPath(DaoPageMode.Sda, coreAddress, 'create'),
     followingTitle: t('title.createAProposal'),

packages/state/indexer/query.ts

@@ -1,9 +1,9 @@
 import { IndexerFormulaType, WithChainId } from '@dao-dao/types'
 import {
+  BatchClient,
   CommonError,
   INDEXER_DISABLED,
   INDEXER_URL,
-  fetchWithTimeout,
 } from '@dao-dao/utils'
 
 export type QueryIndexerOptions = WithChainId<
@@ -31,6 +31,8 @@ export type QueryIndexerOptions = WithChainId<
   )
 >
 
+const indexerBatchClient = new BatchClient(INDEXER_URL + '/batch')
+
 export const queryIndexer = async <T = any>({
   type,
   address = '_',
@@ -59,22 +61,22 @@ export const queryIndexer = async <T = any>({
     ...(block ? { block: `${block.height}:${block.timeUnixMs ?? 1}` } : {}),
   })
 
-  const response = await fetchWithTimeout(
-    // Timeout after 10 seconds.
-    10 * 1000,
-    `${INDEXER_URL}/${chainId}/${type}/${address}/${formula}?${params.toString()}`
-  )
+  const url = `/${chainId}/${type}/${address}/${formula}?${params.toString()}`
+  const { status, body } = await indexerBatchClient.execute({
+    url,
+  })
 
-  if (!response.ok) {
-    const errorResponse = await response.text().catch(() => undefined)
+  if (status >= 300) {
     throw new Error(
-      `Error querying indexer for ${type}/${address}/${formula}: ${response.status} ${errorResponse}`.trim()
+      `Error querying indexer for ${type}/${address}/${formula}: ${status} ${body}`.trim()
     )
-  } else if (response.status === 204) {
+  }
+
+  if (status === 204) {
     // If no content is returned, return undefined. This will happen if the
     // formula computed succesfully and outputted nothing (undefined or null).
     return undefined
   }
 
-  return response.json()
+  return JSON.parse(body)
 }