@rpg-engine/long-bow 0.8.130 → 0.8.131

package/package.json

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

package/src/components/Store/Store.tsx

@@ -1,6 +1,6 @@
 import { IItemPack, IPurchase, IProductBlueprint, ItemRarities, ItemSubType, ItemType, UserAccountTypes, PaymentCurrency, PurchaseType } from '@rpg-engine/shared';
 import React, { ReactNode, useMemo, useState } from 'react';
-import { FaHistory, FaShoppingCart } from 'react-icons/fa';
+import { FaHistory, FaShoppingCart, FaWallet } from 'react-icons/fa';
 import styled from 'styled-components';
 import { uiColors } from '../../constants/uiColors';
 import { DraggableContainer } from '../DraggableContainer';
@@ -24,7 +24,9 @@ export interface IStoreProps {
   atlasJSON: any;
   atlasIMG: string;
   onPurchase: (purchase: Partial<IPurchase>) => Promise<boolean>;
-  onShowHistory?: () => void; // Add the new optional prop
+  onShowHistory?: () => void;
+  onShowWallet?: () => void;
+  walletLabel?: string;
   userAccountType: UserAccountTypes;
   loading?: boolean;
   error?: string;
@@ -43,7 +45,9 @@ export const Store: React.FC<IStoreProps> = ({
   atlasJSON,
   atlasIMG,
   onPurchase,
-  onShowHistory, // Destructure the new prop
+  onShowHistory,
+  onShowWallet,
+  walletLabel,
   userAccountType,
   loading = false,
   error,
@@ -242,7 +246,7 @@ export const Store: React.FC<IStoreProps> = ({
       ) : (
         <Container>
           <TopBar>
-            <HistoryButton>
+            <LeftButtons>
               {onShowHistory && (
                 <CTAButton
                   icon={<FaHistory />}
@@ -250,7 +254,14 @@ export const Store: React.FC<IStoreProps> = ({
                   onClick={onShowHistory}
                 />
               )}
-            </HistoryButton>
+              {onShowWallet && (
+                <CTAButton
+                  icon={<FaWallet />}
+                  label={walletLabel ?? 'DC Wallet'}
+                  onClick={onShowWallet}
+                />
+              )}
+            </LeftButtons>
             <CartButton>
               <CTAButton
                 icon={<FaShoppingCart />}
@@ -316,7 +327,9 @@ const TopBar = styled.div`
   margin-top: 0.5rem;
 `;
 
-const HistoryButton = styled.div`
+const LeftButtons = styled.div`
+  display: flex;
+  gap: 0.5rem;
   min-width: fit-content;
   margin-right: auto;
 `;