feat: add client

Mississippi-Labs · Jan 1, 2024 · 478b2c1 · 478b2c1
1 parent b11c5fd
commit 478b2c1
Show file tree

Hide file tree

Showing 7 changed files with 4,196 additions and 709 deletions.
diff --git a/client/pnpm-lock.yaml b/client/pnpm-lock.yaml
diff --git a/client/src/components/DuelField/index.tsx b/client/src/components/DuelField/index.tsx
@@ -23,7 +23,7 @@ export interface IDuelFieldMethod {
 }
 
 
-const DuelField = React.forwardRef<IDuelFieldMethod>((props: any, ref) => {
+const DuelField = React.forwardRef<IDuelFieldMethod>((props: IProps, ref) => {
 
   const { leftPlayer, rightPlayer, afterAttack } = props;
   const [leftAction, setLeftAction] = useState<ActionType>('idle');
@@ -131,6 +131,7 @@ const DuelField = React.forwardRef<IDuelFieldMethod>((props: any, ref) => {
         y={1.5}
         x={5.1}
         action={rightAction}
+        toward={'Left'}
         onActionEnd={(action) => {
           if (action === 'slash') {
             setLeftAction('idle');

diff --git a/client/src/mock/data.ts b/client/src/mock/data.ts
@@ -72,13 +72,13 @@ export const TreasureChestMockData: ITreasureChest[] = [
   }
 ];
 
-const hunterEquip = {
+export const hunterEquip = {
   head: 'Demon Crown',
   clothes: 'Demon Husk',
   handheld: 'Club'
 }
 
-const warriorEquip = {
+export const warriorEquip = {
   head: 'Ancient Helm',
   clothes: 'Holy Chestplate',
   handheld: 'Mace'

diff --git a/client/src/pages/ffa/header/index.tsx b/client/src/pages/ffa/header/index.tsx
@@ -9,6 +9,7 @@ import { useDojo } from "../../../DojoContext";
 interface IProps {
   onPlayBtnClick: () => void;
   onlyRight?: boolean;
+  addr?: string;
 }
 
 
@@ -56,7 +57,7 @@ const HomeHeader = (props: IProps) => {
       </div>
       {
         walletAddress ?
-          <UserAddress address={walletAddress} account={walletBalance + 'ETH'}/>
+          <UserAddress address={props?.addr} account={walletBalance + 'ETH'}/>
           :
           <button className="play-btn mi-btn" onClick={props.onPlayBtnClick}>PLAY NOW</button>
       }