diff --git a/apps/web/src/layouts/DefaultLayout/Footer.tsx b/apps/web/src/layouts/DefaultLayout/Footer.tsx index 65e2ca2d0..8f71129a7 100644 --- a/apps/web/src/layouts/DefaultLayout/Footer.tsx +++ b/apps/web/src/layouts/DefaultLayout/Footer.tsx @@ -27,7 +27,7 @@ export const Footer = () => { variant="paragraph-sm" color="tertiary" as="a" - href="https://docs.zora.co/docs/smart-contracts/nouns-builder/intro" + href="https://builder-docs.vercel.app/reference/intro" rel="noopener noreferrer" target="_blank" mr={{ '@initial': 'x0', '@768': 'x4', '@1024': 'x6' }} diff --git a/apps/web/src/layouts/DefaultLayout/Nav.tsx b/apps/web/src/layouts/DefaultLayout/Nav.tsx index 4c16430de..1355ccba9 100644 --- a/apps/web/src/layouts/DefaultLayout/Nav.tsx +++ b/apps/web/src/layouts/DefaultLayout/Nav.tsx @@ -60,7 +60,7 @@ export const Nav = () => { diff --git a/apps/web/src/layouts/DefaultLayout/NavMenu.tsx b/apps/web/src/layouts/DefaultLayout/NavMenu.tsx index 0c2b8841f..4307b68f0 100644 --- a/apps/web/src/layouts/DefaultLayout/NavMenu.tsx +++ b/apps/web/src/layouts/DefaultLayout/NavMenu.tsx @@ -391,7 +391,7 @@ export const NavMenu = () => { diff --git a/apps/web/src/layouts/HomeLayout/Footer.tsx b/apps/web/src/layouts/HomeLayout/Footer.tsx index 722c21180..42eb029f8 100644 --- a/apps/web/src/layouts/HomeLayout/Footer.tsx +++ b/apps/web/src/layouts/HomeLayout/Footer.tsx @@ -49,7 +49,7 @@ export const Footer = () => { diff --git a/apps/web/src/modules/dao/components/DaoFeed/DaoFeedSkeleton.tsx b/apps/web/src/modules/dao/components/DaoFeed/DaoFeedSkeleton.tsx index c2c42f003..fb80da2a5 100644 --- a/apps/web/src/modules/dao/components/DaoFeed/DaoFeedSkeleton.tsx +++ b/apps/web/src/modules/dao/components/DaoFeed/DaoFeedSkeleton.tsx @@ -3,14 +3,13 @@ import { Box } from '@zoralabs/zord' import { exploreSkeleton } from '../Explore/Explore.css' import { GridContainer } from './DaoFeed' -export const DaoFeedCardSkeleton = ({ key }: { key?: any }) => { +export const DaoFeedCardSkeleton = () => { return ( diff --git a/apps/web/src/modules/dashboard/DaoAuctionCard.tsx b/apps/web/src/modules/dashboard/DaoAuctionCard.tsx index 756ce8559..2a01e5bd1 100644 --- a/apps/web/src/modules/dashboard/DaoAuctionCard.tsx +++ b/apps/web/src/modules/dashboard/DaoAuctionCard.tsx @@ -13,6 +13,7 @@ import { auctionAbi } from 'src/data/contract/abis' import { useCountdown, useIsMounted } from 'src/hooks' import { AddressType } from 'src/typings' +import { chainIdToSlug } from '../../utils/helpers' import { overflowEllipsis } from '../auction/components/Auction.css' import { AuctionPaused } from './AuctionPaused' import { BidActionButton } from './BidActionButton' @@ -75,7 +76,7 @@ export const DaoAuctionCard = (props: DaoAuctionCardProps) => { const handleSelectAuction = () => { router.push(`/dao/${currentChainSlug}/${tokenAddress}`) } - const currentChainSlug = PUBLIC_ALL_CHAINS.find((chain) => chain.id === chainId)?.slug + const currentChainSlug = chainIdToSlug(chainId) if (!currentAuction) { return ( diff --git a/apps/web/src/pages/profile/[user].tsx b/apps/web/src/pages/profile/[user].tsx index 1f3a7c21b..18411f7d4 100644 --- a/apps/web/src/pages/profile/[user].tsx +++ b/apps/web/src/pages/profile/[user].tsx @@ -18,7 +18,7 @@ import { useLayoutStore } from 'src/stores' import { useChainStore } from 'src/stores/useChainStore' import { artworkSkeleton } from 'src/styles/Artwork.css' import { getEnsAddress } from 'src/utils/ens' -import { walletSnippet } from 'src/utils/helpers' +import { chainIdToSlug, walletSnippet } from 'src/utils/helpers' import { NextPageWithLayout } from '../_app' import { UserTokensResponse } from '../api/profile/[network]/[user]/tokens' @@ -52,8 +52,6 @@ const ProfilePage: NextPageWithLayout = ({ userAddress }) => { const { handlePageBack, handlePageForward } = usePagination(tokens?.hasNextPage) - const daosString = daos?.map((x) => x.name).join(', ') - return ( = ({ userAddress }) => { DAOs - {isLoading ? ( - - ) : ( - {daosString || 'No DAO tokens owned.'} - )} + { + isLoading ? ( + + ) : ( + daos && daos?.length > 0 ? ( + + {daos.map((dao, index) => ( + <> + + {dao.name} + + {index < daos.length - 1 && ', '} + + ))} + + ) : ( + No DAO tokens owned. + ) + ) + } {!isMobile && ( diff --git a/apps/web/src/utils/helpers.ts b/apps/web/src/utils/helpers.ts index d0b2e4f59..a4649503b 100644 --- a/apps/web/src/utils/helpers.ts +++ b/apps/web/src/utils/helpers.ts @@ -2,6 +2,7 @@ import isEqual from 'lodash/isEqual' import { isAddress } from 'viem' import { Duration } from 'src/typings' +import { PUBLIC_ALL_CHAINS } from '../constants/defaultChains' /** * @@ -276,9 +277,13 @@ export const isPossibleMarkdown = (text: string) => { /(?:\*\*[^\*]+\*\*)|(?:__[^\_]+__)|(?:\*[^\*]+\*)|(?:_[^\_]+_)|(?:\#[^\#]+\#)|(?:\!\[[^\]]*\]\([^\)]+\))|(?:\[[^\]]+\]\([^\)]+\))/g return markdownRegex.test(text) } + export function maxChar(str: string, maxLength: number) { if (str.length <= maxLength) { return str } return str.slice(0, maxLength) + '...' } + +export const chainIdToSlug = (chainId: number) => + PUBLIC_ALL_CHAINS.find((chain) => chain.id === chainId)?.slug diff --git a/packages/zoralabs-zord/src/theme.css.ts b/packages/zoralabs-zord/src/theme.css.ts index 8bf0b3122..70151c065 100644 --- a/packages/zoralabs-zord/src/theme.css.ts +++ b/packages/zoralabs-zord/src/theme.css.ts @@ -378,3 +378,11 @@ globalStyle('h1,h2,h3,h4,h5,h6,p', { padding: 0, margin: 0, }) + +globalStyle('.profile-dao-links', { + marginRight: '0 !important', +}) + +globalStyle('.profile-dao-links::after', { + content: 'none !important', +})