style: adjust title/address for subs with no title and IPNS address

This commit is contained in:
plebeius.eth
2024-03-26 18:08:50 +01:00
parent c2d6eb6e1e
commit 5523cee7f9
3 changed files with 17 additions and 11 deletions
+4 -3
View File
@@ -17,14 +17,15 @@ interface BoardBannerProps {
address: string | undefined;
}
const BoardBanner = ({ title, address }: BoardBannerProps) => {
const BoardBanner = ({ address, title }: BoardBannerProps) => {
const displayAddress = address && address.length > 10 && !address.includes('.') ? address.slice(0, 13).concat('...') : address;
return (
<div className={styles.content}>
<div className={styles.bannerCnt}>
<ImageBanner key={address} />
</div>
<div className={styles.boardTitle}>{title || `p/${address}`}</div>
{title && <div className={styles.boardAddress}>p/{address}</div>}
<div className={styles.boardTitle}>{title || `p/${displayAddress}`}</div>
<div className={styles.boardAddress}>p/{address}</div>
<hr />
</div>
);