diff --git a/src/app/UserItemsPage.js b/src/app/UserItemsPage.js index c630865..5e8863d 100644 --- a/src/app/UserItemsPage.js +++ b/src/app/UserItemsPage.js @@ -1,5 +1,6 @@ import React from "react"; -import { Box, Center } from "@chakra-ui/core"; +import { Badge, Box, Center, Wrap } from "@chakra-ui/core"; +import { EmailIcon } from "@chakra-ui/icons"; import gql from "graphql-tag"; import { useParams } from "react-router-dom"; import { useQuery } from "@apollo/client"; @@ -116,10 +117,32 @@ function UserItemsPage() { - + {isCurrentUser ? "Your items" : `${data.user.username}'s items`} - + {data.user.contactNeopetsUsername && ( + + + + {data.user.contactNeopetsUsername} + + + + Neomail + + + )} + {isCurrentUser ? "Items you own" : `Items ${data.user.username} owns`} @@ -168,4 +191,25 @@ function UserItemsPage() { ); } +function NeopetsStarIcon(props) { + return ( + + + + + + ); +} + export default UserItemsPage;