From 9481ce05a6ef46d4d392e5ff6d0a3b67f476a946 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Mon, 23 Nov 2020 09:36:05 -0800
Subject: [PATCH] open trading links in new page from wardrobe page

---
 src/app/ItemPage.js | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js
index ddb3eb0..e5e2fd4 100644
--- a/src/app/ItemPage.js
+++ b/src/app/ItemPage.js
@@ -84,7 +84,7 @@ export function ItemPageContent({ itemId, isEmbedded }) {
         />
         <VStack spacing="4">
           {isLoggedIn && <ItemPageOwnWantButtons itemId={itemId} />}
-          <ItemPageTradeLinks itemId={itemId} />
+          <ItemPageTradeLinks itemId={itemId} isEmbedded={isEmbedded} />
         </VStack>
         {!isEmbedded && <ItemPageOutfitPreview itemId={itemId} />}
       </VStack>
@@ -358,7 +358,7 @@ function ItemPageWantButton({ itemId, isChecked }) {
   );
 }
 
-function ItemPageTradeLinks({ itemId }) {
+function ItemPageTradeLinks({ itemId, isEmbedded }) {
   const { data, loading, error } = useQuery(
     gql`
       query ItemPageTradeLinks($itemId: ID!) {
@@ -387,6 +387,7 @@ function ItemPageTradeLinks({ itemId }) {
           count={data?.item?.numUsersOfferingThis || 0}
           label="offering"
           colorScheme="green"
+          isEmbedded={isEmbedded}
         />
       </SubtleSkeleton>
       <SubtleSkeleton isLoaded={!loading}>
@@ -395,18 +396,20 @@ function ItemPageTradeLinks({ itemId }) {
           count={data?.item?.numUsersSeekingThis || 0}
           label="seeking"
           colorScheme="blue"
+          isEmbedded={isEmbedded}
         />
       </SubtleSkeleton>
     </HStack>
   );
 }
 
-function ItemPageTradeLink({ itemId, count, label, colorScheme }) {
+function ItemPageTradeLink({ itemId, count, label, colorScheme, isEmbedded }) {
   return (
     <Button
       as="a"
       // TODO: Link to a new Impress 2020 page instead!
       href={`https://impress.openneo.net/items/${itemId}`}
+      target={isEmbedded ? "_blank" : undefined}
       size="xs"
       variant="outline"
       colorScheme={colorScheme}