useGovDaoTabs.ts

import {
  AccountBalanceWalletOutlined,
  AccountBalanceWalletRounded,
  FiberSmartRecordOutlined,
  FiberSmartRecordRounded,
  HowToVoteOutlined,
  HowToVoteRounded,
} from '@mui/icons-material'
import { useMemo } from 'react'
import { useTranslation } from 'react-i18next'

import { useChain } from '@dao-dao/stateless'
import { DaoTabId, DaoTabWithComponent, LoadingData } from '@dao-dao/types'
import { isSupportedChain } from '@dao-dao/utils'

import {
  GovCommunityPoolTab,
  GovProposalsTab,
  GovSubDaosTab,
} from '../components/gov'

export const useGovDaoTabs = (): LoadingData<DaoTabWithComponent[]> => {
  const { t } = useTranslation()
  const { chainId } = useChain()

  return useMemo(
    () => ({
      loading: false,
      updating: false,
      data: [
        {
          id: DaoTabId.Proposals,
          label: t('title.proposals'),
          Component: GovProposalsTab,
          Icon: HowToVoteOutlined,
          IconFilled: HowToVoteRounded,
        },
        {
          id: DaoTabId.Treasury,
          label: t('title.communityPool'),
          Component: GovCommunityPoolTab,
          Icon: AccountBalanceWalletOutlined,
          IconFilled: AccountBalanceWalletRounded,
          lazy: true,
        },
        // If chain has DAO DAO deployed and thus can create SubDAOs, show tab.
        ...(isSupportedChain(chainId)
          ? [
              {
                id: DaoTabId.SubDaos,
                label: t('title.subDaos'),
                Component: GovSubDaosTab,
                Icon: FiberSmartRecordOutlined,
                IconFilled: FiberSmartRecordRounded,
              },
            ]
          : []),
      ],
    }),
    [chainId, t]
  )
}