diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js index 1984c4c..505f5b4 100644 --- a/src/app/ItemPage.js +++ b/src/app/ItemPage.js @@ -12,7 +12,12 @@ import { useTheme, useToast, } from "@chakra-ui/core"; -import { CheckIcon, ExternalLinkIcon, StarIcon } from "@chakra-ui/icons"; +import { + CheckIcon, + ExternalLinkIcon, + ChevronRightIcon, + StarIcon, +} from "@chakra-ui/icons"; import gql from "graphql-tag"; import { useQuery } from "@apollo/client"; import { useParams } from "react-router-dom"; @@ -90,13 +95,13 @@ function ItemPageHeader({ itemId, isEmbedded }) { {item?.name || "Item name here"} - + ); } -function ItemPageBadges({ item }) { +function ItemPageBadges({ item, isEmbedded }) { const searchBadgesAreLoaded = item?.name != null && item?.isNc != null; return ( @@ -105,7 +110,10 @@ function ItemPageBadges({ item }) { {item?.isNc ? : } - + Old DTI @@ -116,6 +124,7 @@ function ItemPageBadges({ item }) { encodeURIComponent(item.name) + "&name_type=3" } + isEmbedded={isEmbedded} > Jellyneo @@ -127,6 +136,7 @@ function ItemPageBadges({ item }) { "http://www.neopets.com/market.phtml?type=wizard&string=" + encodeURIComponent(item.name) } + isEmbedded={isEmbedded} > Shop Wiz @@ -139,6 +149,7 @@ function ItemPageBadges({ item }) { "http://www.neopets.com/portal/supershopwiz.phtml?string=" + encodeURIComponent(item.name) } + isEmbedded={isEmbedded} > Super Wiz @@ -151,6 +162,7 @@ function ItemPageBadges({ item }) { "http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=item_exact&search_string=" + encodeURIComponent(item.name) } + isEmbedded={isEmbedded} > Trade Post @@ -163,6 +175,7 @@ function ItemPageBadges({ item }) { "http://www.neopets.com/genie.phtml?type=process_genie&criteria=exact&auctiongenie=" + encodeURIComponent(item.name) } + isEmbedded={isEmbedded} > Auctions @@ -172,11 +185,24 @@ function ItemPageBadges({ item }) { ); } -function LinkBadge({ children, href }) { +function LinkBadge({ children, href, isEmbedded }) { return ( - + {children} - + { + // We also change the icon to signal whether this will launch in a new + // window or not! + isEmbedded ? : + } ); }