catch invalid avatar data

permaweb · Jun 18, 2024 · e3d8400 · e3d8400
1 parent 65da07b
commit e3d8400
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/components/atoms/Notification/styles.ts b/src/components/atoms/Notification/styles.ts
@@ -14,11 +14,12 @@ export const Wrapper = styled.div`
 	align-items: center;
 	padding: 11.5px 17.5px;
 	background: ${(props) => props.theme.colors.container.alt3.background};
+	border: 1px solid ${(props) => props.theme.colors.border.primary};
 	border-radius: ${STYLING.dimensions.radius.primary};
 `;
 
 export const Message = styled.span`
-	color: ${(props) => props.theme.colors.font.alt2};
+	color: ${(props) => props.theme.colors.font.primary};
 	font-weight: ${(props) => props.theme.typography.weight.bold};
 	font-size: ${(props) => props.theme.typography.size.xSmall};
 `;

diff --git a/src/views/Landing/Profile/Profile.tsx b/src/views/Landing/Profile/Profile.tsx
@@ -53,7 +53,8 @@ export default function Profile(props: { address: string }) {
 	}, [props.address, arProvider.profile]);
 
 	function getAvatar() {
-		if (fullProfile && fullProfile.avatar) return <img src={getTxEndpoint(fullProfile.avatar)} />;
+		if (fullProfile && fullProfile.avatar && checkAddress(fullProfile.avatar))
+			return <img src={getTxEndpoint(fullProfile.avatar)} />;
 		return <ReactSVG src={ASSETS.user} />;
 	}