@rpg-engine/long-bow 0.8.169 → 0.8.170

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.8.169",
+  "version": "0.8.170",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/Marketplace/ManagmentPanel.tsx

@@ -1,4 +1,4 @@
-import { goldToDC, IEquipmentSet, IItem, IMarketplaceItem, MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
+import { formatDCAmount, goldToDC, IEquipmentSet, IItem, IMarketplaceItem, MarketplaceAcceptedCurrency } from '@rpg-engine/shared';
 import { Coins } from 'pixelarticons/react/Coins';
 import { ShoppingBag } from 'pixelarticons/react/ShoppingBag';
 import React, { useEffect, useRef, useState } from 'react';
@@ -147,6 +147,9 @@ export const ManagmentPanel: React.FC<IManagmentPanelProps> = ({
                     {opt.label}
                   </CurrencyToggleButton>
                 ))}
+                {listingCurrency !== MarketplaceAcceptedCurrency.Gold && price && Number(price) > 0 && (
+                  <DCPreview>{formatDCAmount(goldToDC(Number(price)))} DC</DCPreview>
+                )}
               </CurrencyToggleRow>
             </PriceInputWrapper>
           </Flex>
@@ -395,3 +398,11 @@ const CurrencyToggleButton = styled.button<{ $active: boolean }>`
     color: ${({ $active }) => ($active ? '#f59e0b' : '#ddd')} !important;
   }
 `;
+
+const DCPreview = styled.span`
+  font-family: 'Press Start 2P', cursive !important;
+  font-size: 0.4rem !important;
+  color: rgba(167, 139, 250, 0.8) !important;
+  white-space: nowrap;
+  margin-left: auto;
+`;

package/src/components/Marketplace/MarketplaceRows.tsx

@@ -96,12 +96,6 @@ export const MarketplaceRows: React.FC<IMarketPlaceRowsPropos> = ({
             <Ellipsis maxLines={1} maxWidth="200px" fontSize="10px">
               {item.name}
             </Ellipsis>
-            {acceptedCurrency === MarketplaceAcceptedCurrency.Dc && (
-              <CurrencyBadge $color="#a78bfa">DC only</CurrencyBadge>
-            )}
-            {acceptedCurrency === MarketplaceAcceptedCurrency.Gold && (
-              <CurrencyBadge $color="#fef08a">Gold only</CurrencyBadge>
-            )}
           </ItemName>
           <PriceRow>
             {acceptedCurrency !== MarketplaceAcceptedCurrency.Dc && (
@@ -321,21 +315,6 @@ const GemContainer = styled.p`
   font-size: ${uiFonts.size.xsmall} !important;
 `;
 
-const CurrencyBadge = styled.span<{ $color: string }>`
-  display: inline-block;
-  margin-left: 6px;
-  padding: 1px 4px;
-  font-family: 'Press Start 2P', cursive;
-  font-size: 0.38rem;
-  color: ${({ $color }) => $color};
-  border: 1px solid ${({ $color }) => $color};
-  border-radius: 3px;
-  opacity: 0.85;
-  vertical-align: middle;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-`;
-
 const RarityContainer = styled.div<{ item: IItem }>`
   border-color: ${({ item }) => rarityColor(item)};
   box-shadow: ${({ item }) => `0 0 5px 8px ${rarityColor(item)}`} inset,