diff --git a/packages/web/components/Player/Section/PlayerGallery.tsx b/packages/web/components/Player/Section/PlayerGallery.tsx index 2100e7f4..ba6ba519 100644 --- a/packages/web/components/Player/Section/PlayerGallery.tsx +++ b/packages/web/components/Player/Section/PlayerGallery.tsx @@ -3,6 +3,7 @@ import { Flex, Heading, HStack, + LoadingState, Modal, ModalCloseButton, ModalContent, @@ -92,6 +93,7 @@ export const PlayerGallery: React.FC = ({ canEdit={canEdit} boxType={BoxType.PLAYER_NFT_GALLERY} > + {loading && } {!loading && favorites?.map((nft) => )} {!loading && data?.length > 3 && ( diff --git a/packages/web/components/Profile/EmbeddedUrlSection.tsx b/packages/web/components/Profile/EmbeddedUrlSection.tsx index 561e36d8..e169f057 100644 --- a/packages/web/components/Profile/EmbeddedUrlSection.tsx +++ b/packages/web/components/Profile/EmbeddedUrlSection.tsx @@ -1,4 +1,11 @@ -import { Box, Flex, LinkBox, LinkOverlay, Text } from '@metafam/ds'; +import { + Box, + Flex, + LinkBox, + LinkOverlay, + LoadingState, + Text, +} from '@metafam/ds'; import { ProfileSection } from 'components/Profile/ProfileSection'; import React, { useEffect, useRef, useState } from 'react'; import { BoxType } from 'utils/boxTypes'; @@ -27,6 +34,7 @@ export const EmbeddedUrl: React.FC = ({ height="100%" width="100%" backgroundColor="whiteAlpha.200" + customLoader={} showLoader canEdit={canEdit} /> @@ -40,7 +48,6 @@ interface LinkPreviewProps { height?: string | number; descriptionLength?: number; borderRadius?: string | number; - imageHeight?: string | number; textAlign?: 'left' | 'right' | 'center'; margin?: string | number; fallback?: JSX.Element[] | JSX.Element | null; @@ -67,7 +74,6 @@ const LinkPreview: React.FC = ({ width, height, borderRadius = 'lg', - imageHeight = '13rem', textAlign, margin, fallback = null,