diff --git a/src/app/UserItemListPage.js b/src/app/UserItemListPage.js
index dbae28f..75f7911 100644
--- a/src/app/UserItemListPage.js
+++ b/src/app/UserItemListPage.js
@@ -1,5 +1,6 @@
import React from "react";
import {
+ Badge,
Box,
Breadcrumb,
BreadcrumbItem,
@@ -9,7 +10,11 @@ import {
Wrap,
WrapItem,
} from "@chakra-ui/react";
-import { ArrowForwardIcon, ChevronRightIcon } from "@chakra-ui/icons";
+import {
+ ArrowForwardIcon,
+ ChevronRightIcon,
+ EmailIcon,
+} from "@chakra-ui/icons";
import { Heading1, MajorErrorMessage, usePageTitle } from "./util";
import { gql, useQuery } from "@apollo/client";
import { Link, useParams } from "react-router-dom";
@@ -35,6 +40,7 @@ function UserItemListPage() {
creator {
id
username
+ contactNeopetsUsername
}
items {
id
@@ -107,6 +113,34 @@ function UserItemListPage() {
{closetList.name}
+
+ {closetList.creator?.contactNeopetsUsername && (
+
+
+
+ {closetList.creator.contactNeopetsUsername}
+
+
+ )}
+ {closetList.creator?.contactNeopetsUsername && (
+
+
+
+ Neomail
+
+
+ )}
+
{closetList.description && (
{closetList.description}
@@ -219,4 +253,26 @@ export function buildClosetListPath(closetList) {
return `/user/${closetList.creator.id}/lists/${ownsOrWants}/${closetList.id}`;
}
+export function NeopetsStarIcon(props) {
+ // Converted from the Neopets favicon with https://www.vectorizer.io/.
+ return (
+
+
+
+ );
+}
+
export default UserItemListPage;
diff --git a/src/app/UserItemsPage.js b/src/app/UserItemsPage.js
index dc0930f..089b2fe 100644
--- a/src/app/UserItemsPage.js
+++ b/src/app/UserItemsPage.js
@@ -42,7 +42,11 @@ import SupportOnly from "./WardrobePage/support/SupportOnly";
import useSupport from "./WardrobePage/support/useSupport";
import useCurrentUser from "./components/useCurrentUser";
import WIPCallout from "./components/WIPCallout";
-import { ClosetListContents, buildClosetListPath } from "./UserItemListPage";
+import {
+ ClosetListContents,
+ NeopetsStarIcon,
+ buildClosetListPath,
+} from "./UserItemListPage";
const BadgeButton = React.forwardRef((props, ref) => (
@@ -715,26 +719,4 @@ function UserSupportMenu({ children, user }) {
);
}
-function NeopetsStarIcon(props) {
- // Converted from the Neopets favicon with https://www.vectorizer.io/.
- return (
-
-
-
- );
-}
-
export default UserItemsPage;