@rpg-engine/long-bow 0.4.89 → 0.4.91

package/package.json

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

package/src/components/PartySystem/PartyManager/PartyManager.tsx

@@ -10,18 +10,21 @@ export interface IPartyManagerProps {
   partyRows: ICharacterPartyShared | null;
   isLeader: boolean;
   onClose?: () => void;
+  onRemovePlayer: (id: string) => void;
+  onChangeLeader: (id: string) => void;
 }
 
 export const PartyManager: React.FC<IPartyManagerProps> = ({
   partyRows,
   isLeader,
+  onClose,
+  onRemovePlayer,
+  onChangeLeader,
 }) => {
   return (
     <DraggableContainer
       type={RPGUIContainerTypes.Framed}
-      onCloseButton={() => {
-        console.log('Close');
-      }}
+      onCloseButton={onClose}
       width="800px"
       height="400px"
       cancelDrag=".partyRows"
@@ -35,21 +38,16 @@ export const PartyManager: React.FC<IPartyManagerProps> = ({
       <RowsWrapper className="partyRows">
         {partyRows ? (
           <>
-            <PartyManagerRow
-              key={partyRows.leader._id}
-              id={partyRows.leader._id}
-              charName={partyRows.leader.name}
-              charClass={partyRows.leader.class}
-              isLeader={isLeader}
-              isLeaderRow={true}
-            />
-            {partyRows.members.map(partyRows => (
+            {partyRows.members.map(partyRow => (
               <PartyManagerRow
-                key={partyRows._id}
-                charName={partyRows.name}
-                charClass={partyRows.class}
-                id={partyRows._id}
+                key={partyRow._id}
+                charName={partyRow.name}
+                charClass={partyRow.class}
+                id={partyRow._id}
                 isLeader={isLeader}
+                leaderId={partyRows.leader._id}
+                onRemovePlayer={() => onRemovePlayer(partyRow._id)}
+                onChangeLeader={() => onChangeLeader(partyRow._id)}
               />
             ))}
           </>

package/src/components/PartySystem/PartyManager/PartyManagerRows.tsx

@@ -8,25 +8,38 @@ export interface IPartyManagerRowProps {
   charName: string;
   charClass: string;
   isLeader: boolean;
-  isLeaderRow?: boolean;
+  leaderId: string;
+  onRemovePlayer: (id: string) => void;
+  onChangeLeader: (id: string) => void;
 }
 
 export const PartyManagerRow: React.FC<IPartyManagerRowProps> = ({
   charName,
   charClass,
   isLeader,
-  isLeaderRow,
+  id,
+  leaderId,
+  onRemovePlayer,
+  onChangeLeader,
 }) => {
   return (
     <PartyWrapper>
       <TextContainer>{charName}</TextContainer>
       <TextContainer>{charClass}</TextContainer>
       <div className="cancel-button">
-        <Button buttonType={ButtonTypes.RPGUIButton} disabled={!isLeader}>
-          {isLeaderRow ? 'Leader' : 'Remove'}
+        <Button
+          buttonType={ButtonTypes.RPGUIButton}
+          disabled={!isLeader}
+          onPointerDown={() => onRemovePlayer(id)}
+        >
+          Remove
         </Button>
       </div>
-      <Button buttonType={ButtonTypes.RPGUIButton} disabled={!isLeader}>
+      <Button
+        buttonType={ButtonTypes.RPGUIButton}
+        disabled={!isLeader || leaderId === id}
+        onPointerDown={() => onChangeLeader(id)}
+      >
         New Leader
       </Button>
     </PartyWrapper>