fix(web): bug-and-ux-fixes

web/src/components/InformationCards/RegistryInformationCard/TopInfo.tsx

@@ -134,15 +134,19 @@ const TopInfo: React.FC<ITopInfo> = ({
         {isUndefined(description) ? <SkeletonDescription /> : <StyledP>{description}</StyledP>}
       </TopLeftInfo>
       <TopRightInfo>
-        <Copiable copiableContent={id ?? ""} info="Copy Registry Address" iconPlacement="left">
-          <StyledA
-            href={`${SUPPORTED_CHAINS[DEFAULT_CHAIN].blockExplorers?.default.url}/address/${id}`}
-            target="_blank"
-            rel="noreferrer"
-          >
-            {shortenAddress(id ?? "")}
-          </StyledA>
-        </Copiable>
+        {id !== "" ? (
+          <Copiable copiableContent={id} info="Copy Registry Address" iconPlacement="left">
+            <StyledA
+              href={`${SUPPORTED_CHAINS[DEFAULT_CHAIN].blockExplorers?.default.url}/address/${id}`}
+              target="_blank"
+              rel="noreferrer"
+            >
+              {shortenAddress(id)}
+            </StyledA>
+          </Copiable>
+        ) : (
+          <Skeleton width={80} height={16} />
+        )}
         <StatusDisplay {...{ status, disputed, registryAddress, latestRequestSubmissionTime }} />
       </TopRightInfo>
     </TopInfoContainer>

web/src/pages/AllLists/RegistryDetails/List/index.tsx

@@ -69,7 +69,7 @@ const List: React.FC<IList> = ({ registryAddress }) => {
       <Search />
       <StatsAndFilters fields={[{ label: "Items", value: totalItems?.toString() }]} />
       <ListContainer>
-        {registryDetails?.registry.items
+        {registryDetails?.registry?.items
           ? registryDetails?.registry.items.map((item) => <ItemCard key={item.id} {...(item as ItemDetailsFragment)} />)
           : Array.from({ length: 3 }).map((_, index) => <SkeletonItemCard key={index} />)}
       </ListContainer>

web/src/pages/SubmitItem/Preview/ItemDisplay.tsx

@@ -32,7 +32,7 @@ const ItemDisplay: React.FC<IItemDisplay> = ({}) => {
 
   return (
     <Container>
-      <StyledP>Check how the item is displayed on the Item page:</StyledP>
+      <StyledP>Check how the item is displayed on the List page:</StyledP>
       <ItemCard props={props} status={Status.RegistrationRequested} />
     </Container>
   );

web/src/pages/SubmitItem/Preview/ListDisplay.tsx

@@ -32,7 +32,7 @@ const ListDisplay: React.FC<IListDisplay> = ({}) => {
 
   return (
     <Container>
-      <StyledP>Check how the item is displayed on the List page:</StyledP>
+      <StyledP>Check how the item is displayed on the Item page:</StyledP>
       <ItemInformationCard
         props={props}
         policyURI="/ipfs/QmSxGYpXHBWBGvGnBeZD1pFxh8fRHj4Z7o3fBzrGiqNx4v/tokens-policy.pdf"

web/src/pages/SubmitList/ListParameters/ListPreview/HomePageDisplay.tsx

@@ -5,6 +5,7 @@ import RegistryCard from "components/RegistryCard";
 import { useSubmitListContext } from "context/SubmitListContext";
 import { Status } from "src/graphql/graphql";
 import { mapFromSubgraphStatus } from "components/RegistryCard/StatusBanner";
+import { DEFAULT_LIST_LOGO } from "src/consts";
 
 const Container = styled.div`
   display: flex;
@@ -27,10 +28,9 @@ const HomePageDisplay: React.FC = () => {
         id={"1"}
         title={previewData.title}
         status={mapFromSubgraphStatus(Status.RegistrationRequested, false)}
-        logoURI={previewData?.logoURI}
-        chainId={421614}
+        logoURI={previewData?.logoURI ?? DEFAULT_LIST_LOGO}
         totalItems={23}
-        overrideIsList
+        overrideIsListView
       />
     </Container>
   );

web/src/pages/SubmitList/ListParameters/ListPreview/ListPageDisplay.tsx

@@ -4,6 +4,8 @@ import { responsiveSize } from "styles/responsiveSize";
 import RegistryInformationCard from "components/InformationCards/RegistryInformationCard";
 import { useSubmitListContext } from "context/SubmitListContext";
 import { Status } from "src/graphql/graphql";
+import { DEFAULT_LIST_LOGO, MAIN_CURATE_ADDRESS } from "src/consts";
+import { useAccount } from "wagmi";
 
 const Container = styled.div`
   display: flex;
@@ -22,21 +24,22 @@ const StyledInformationCard = styled(RegistryInformationCard)`
 
 const ListPageDisplay: React.FC = () => {
   const { listMetadata } = useSubmitListContext();
+  const { address } = useAccount();
   const previewData = useMemo(() => listMetadata, [listMetadata]);
 
   return (
     <Container>
       <StyledP>Check how the list is displayed on the List page:</StyledP>
       <StyledInformationCard
-        id=""
-        parentRegistryAddress=""
-        registerer={{ id: "" }}
+        id={MAIN_CURATE_ADDRESS}
+        parentRegistryAddress={MAIN_CURATE_ADDRESS}
+        registerer={{ id: address }}
         itemId=""
         title={previewData.title}
         description={previewData.description}
         status={Status.Registered}
         disputed={false}
-        logoURI={previewData.logoURI}
+        logoURI={previewData.logoURI ?? DEFAULT_LIST_LOGO}
         policyURI="https://cdn.kleros.link/ipfs/QmSxGYpXHBWBGvGnBeZD1pFxh8fRHj4Z7o3fBzrGiqNx4v/tokens-policy.pdf"
       />
     </Container>