Merge branch 'whitelist_players' of https://github.com/1Hive/quests i…

…nto whitelist_players
1Hive · Aug 23, 2023 · 50e01bd · 50e01bd
2 parents 7f99d55 + 737e2d0
commit 50e01bd
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 10 deletions.
diff --git a/packages/react-app/src/components/modals/player-list-modal.tsx b/packages/react-app/src/components/modals/player-list-modal.tsx
@@ -6,6 +6,12 @@ import { useMemo, useState } from 'react';
 import { GUpx } from 'src/utils/style.util';
 import styled from 'styled-components';
 import { setWhitelist } from 'src/services/quest.service';
+import { TransactionStatus } from 'src/enums/transaction-status.enum';
+import { TransactionType } from 'src/enums/transaction-type.enum';
+import { TransactionModel } from 'src/models/transaction.model';
+import { QuestModel } from 'src/models/quest.model';
+import { useTransactionContext } from 'src/contexts/transaction.context';
+import { useWallet } from 'src/contexts/wallet.context';
 import { AddressFieldInput } from '../field-input/address-field-input';
 import { Outset } from '../utils/spacer-util';
 import ModalBase, { ModalCallback } from './modal-base';
@@ -46,15 +52,23 @@ const AddWrapperStyled = styled.div`
 // #endregion
 
 type Props = {
-  playerList: string[] | undefined;
+  questData: QuestModel;
   isEdit: boolean;
   onClose?: ModalCallback;
+  onSubmit?: Function;
 };
 
-export default function PlayerListModal({ playerList, isEdit, onClose = noop }: Props) {
+export default function PlayerListModal({
+  questData,
+  isEdit,
+  onClose = noop,
+  onSubmit = noop,
+}: Props) {
   const [opened, setOpened] = useState(false);
-  const [players, setPlayers] = useState<string[]>(playerList ?? ['']);
+  const [players, setPlayers] = useState<string[]>(questData.players ?? ['']);
   const modalId = useMemo(() => uniqueId('whitelist-modal'), []);
+  const { setTransaction } = useTransactionContext();
+  const { walletAddress } = useWallet();
 
   const onModalClosed = (success: boolean) => {
     setOpened(false);
@@ -79,7 +93,25 @@ export default function PlayerListModal({ playerList, isEdit, onClose = noop }:
     setPlayers(newList);
   };
 
-  const onWhitelistSubmit = () => {};
+  const onWhitelistSubmit = async () => {
+    if (players.length) {
+      let whitelistTxPayload: TransactionModel = {
+        modalId,
+        message: `Setting whitelisted players...`,
+        status: TransactionStatus.WaitingForSignature,
+        type: TransactionType.QuestSetWhitelist,
+      };
+      setTransaction(whitelistTxPayload);
+      await setWhitelist(walletAddress, players, questData.address!, (txHash) => {
+        whitelistTxPayload = { ...whitelistTxPayload, hash: txHash };
+        setTransaction({
+          ...whitelistTxPayload,
+          status: TransactionStatus.Pending,
+        });
+      });
+    }
+  };
+
   return (
     <>
       <ModalBase
@@ -120,7 +152,12 @@ export default function PlayerListModal({ playerList, isEdit, onClose = noop }:
           {isEdit && (
             <AddWrapperStyled>
               <Button icon={<IconPlus />} label="Add" onClick={() => addPlayerToWhitelist()} />
-              <Button icon={<IconCheck />} onClick={() => onWhitelistSubmit()} />
+              <Button
+                icon={<IconPlus />}
+                label="Confirm list"
+                mode="strong"
+                onClick={() => onWhitelistSubmit()}
+              />
             </AddWrapperStyled>
           )}
         </Outset>

diff --git a/packages/react-app/src/components/quest.tsx b/packages/react-app/src/components/quest.tsx
@@ -464,23 +464,23 @@ export default function Quest({
                       walletAddress === questData.creatorAddress) && (
                       // <PlayersModalWrapperStyled>
                       <PlayerListModal
-                        playerList={players}
+                        questData={questData}
                         isEdit={walletAddress === questData.creatorAddress}
                       />
                     )}
                     {/* </PlayersModalWrapperStyled> */}
                     <FundModal quest={questData} />
-                    {(!isPlayingQuest ||
-                      questData.creatorAddress === walletAddress ||
+                    {(((!isPlayingQuest || questData.creatorAddress === walletAddress) &&
+                      questData.isWhitelist) ||
                       (waitForClose && transaction?.type === TransactionType.QuestPlay)) &&
                       questData.features?.playableQuest && (
                         <PlayModal
                           questData={{ ...questData, players }}
                           onClose={() => setWaitForClose(false)}
                         />
                       )}
-                    {(isPlayingQuest ||
-                      questData.creatorAddress === walletAddress ||
+                    {(((isPlayingQuest || questData.creatorAddress === walletAddress) &&
+                      questData.isWhitelist) ||
                       (waitForClose && transaction?.type === TransactionType.QuestUnplay)) &&
                       questData.features.playableQuest &&
                       questData.players?.length !== 0 && (