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