wav-game/frontend/src/components/GameCards/Level1.jsx at 035a91a899fd274645c0b7218a80f740450c1458 · liquality/wav-game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
import { LevelCard } from "../LevelCard/LevelCard";
import { getLevelsStatuses } from "../../utils";

export const Level1 = (props) => {
  const {
    selectedLevel,
    onSetLevel,
    onTradeClick,
    onGetMoreClick,
    nftCount,
    burnStatus,
    currentLevel,
    ended,
  } = props;
  const status = getLevelsStatuses(currentLevel || 1)[1];
  const level1Count = nftCount["1"] || 0;
  let instructions = `You have ${level1Count === -1 ? 0 : level1Count} cards.`;
  let tradeActionText = "";
  let actionLocked = ended;
  let lessThan2NftsAndBurnt = level1Count < 2 && burnStatus;
  let lessThan2NftsAndNeverBurnt = level1Count < 2 && !burnStatus;

  if (level1Count >= 2) {
    if (burnStatus) {
      tradeActionText = "Trade More";
    } else {
      tradeActionText = "Start Trading";
    }
  }

  if (level1Count === 1) {
    instructions = "You have 1 card. Buy 1 more to continue";
  }

  if (
    lessThan2NftsAndBurnt ||
    lessThan2NftsAndNeverBurnt ||
    level1Count === 0
  ) {
    tradeActionText = "Get Cards";
    actionLocked = true;
  }

  let actions = [];
  if (level1Count >= 2) {
    actions.push({
      onActionClick: (level) => onTradeClick(level),
      label: tradeActionText,
      mode: actionLocked ? "pinkStroke" : "default",
      disabled: actionLocked,
    });
    if (!burnStatus || burnStatus) {
      actions.push({
        onActionClick: (level) => onGetMoreClick(level),
        label: "Get more",
        mode: "default",
        link: true,
        disabled: actionLocked,
      });
    }
  } else if (level1Count === 0) {
    actions.push({
      onActionClick: (level) => onGetMoreClick(level),
      label: tradeActionText,
      mode: "default",
      disabled: actionLocked,
    });
  } else if (lessThan2NftsAndBurnt || lessThan2NftsAndNeverBurnt) {
    actions.push({
      onActionClick: (level) => onGetMoreClick(level),
      label: tradeActionText,
      mode: "default",
      disabled: actionLocked,
    });
  }

  return (
    <LevelCard
      status={status}
      current={selectedLevel}
      setLevel={onSetLevel}
      actions={actions}
      level={{
        id: 1,
        title: "Live song",
        edition: "",
        instructions,
        useEmtpyActionsStyle: true,
      }}
    />
  );
};