diff --git a/web/src/components/InformationCards/ItemInformationCard/index.tsx b/web/src/components/InformationCards/ItemInformationCard/index.tsx index b2c4961..9f7cf3e 100644 --- a/web/src/components/InformationCards/ItemInformationCard/index.tsx +++ b/web/src/components/InformationCards/ItemInformationCard/index.tsx @@ -77,6 +77,13 @@ const BottomInfo = styled.div` justify-content: space-between; `; +const AliasContainer = styled.div` + display: flex; + flex-wrap: wrap; + gap: 8px; + align-items: center; +`; + type ItemDetails = NonNullable; interface IItemInformationCard extends ItemDetails { className?: string; @@ -101,7 +108,7 @@ const ItemInformationCard: React.FC = ({ {props ? : } - + Item Id @@ -110,9 +117,14 @@ const ItemInformationCard: React.FC = ({ {registerer?.id ? ( - - - + + Submitted by : + + + + + + ) : ( )} diff --git a/web/src/components/InformationCards/RegistryInformationCard/TopInfo.tsx b/web/src/components/InformationCards/RegistryInformationCard/TopInfo.tsx index 2d69e54..b408403 100644 --- a/web/src/components/InformationCards/RegistryInformationCard/TopInfo.tsx +++ b/web/src/components/InformationCards/RegistryInformationCard/TopInfo.tsx @@ -11,6 +11,7 @@ import { isUndefined } from "src/utils"; import { DEFAULT_LIST_LOGO } from "src/consts"; import { getIpfsUrl } from "utils/getIpfsUrl"; import EtherscanIcon from "svgs/icons/etherscan.svg"; +import { shortenAddress } from "utils/shortenAddress"; const TopInfoContainer = styled.div` display: flex; @@ -136,8 +137,8 @@ const TopInfo: React.FC = ({ {isUndefined(description) ? : {description}} - - Registry Address + + {shortenAddress(registryAddress)} {id ? ( = ({ /> - - - + + Submitted by : + + + +