diff --git a/src/app/UserItemsPage.js b/src/app/UserItemsPage.js
index 2338148..e1eb187 100644
--- a/src/app/UserItemsPage.js
+++ b/src/app/UserItemsPage.js
@@ -15,6 +15,7 @@ import ItemCard, {
YouWantThisBadge,
} from "./components/ItemCard";
import useCurrentUser from "./components/useCurrentUser";
+import WIPCallout from "./components/WIPCallout";
function UserItemsPage() {
const { userId } = useParams();
@@ -100,6 +101,9 @@ function UserItemsPage() {
return (
+
+
+
{isCurrentUser ? "Items you own" : `Items ${data.user.username} owns`}
diff --git a/src/app/components/WIPCallout.js b/src/app/components/WIPCallout.js
new file mode 100644
index 0000000..c19792e
--- /dev/null
+++ b/src/app/components/WIPCallout.js
@@ -0,0 +1,40 @@
+import React from "react";
+import { Box, Flex, Tooltip } from "@chakra-ui/core";
+
+import WIPXweeImg from "../../images/wip-xwee.png";
+import WIPXweeImg2x from "../../images/wip-xwee@2x.png";
+
+function WIPCallout({ details }) {
+ return (
+ {details}} placement="bottom">
+
+
+
+ We're working on this page!
+
+ WIP!
+
+
+ );
+}
+
+export default WIPCallout;
diff --git a/src/images/wip-xwee.png b/src/images/wip-xwee.png
new file mode 100644
index 0000000..d25be73
Binary files /dev/null and b/src/images/wip-xwee.png differ
diff --git a/src/images/wip-xwee@2x.png b/src/images/wip-xwee@2x.png
new file mode 100644
index 0000000..2c4136b
Binary files /dev/null and b/src/images/wip-xwee@2x.png differ