Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 | 71x 71x 71x 71x 71x 71x 3x 71x 71x 71x 3x 71x 3x 71x 71x 71x 3x 71x | import { CardGroup, Container } from "react-bootstrap";
import { useParams } from "react-router-dom";
import { toast } from "react-toastify";
import CommonsOverview from "main/components/Commons/CommonsOverview";
import CommonsPlay from "main/components/Commons/CommonsPlay";
import FarmStats from "main/components/Commons/FarmStats";
import ManageCows from "main/components/Commons/ManageCows";
import Profits from "main/components/Commons/Profits";
import BasicLayout from "main/layouts/BasicLayout/BasicLayout";
import { useCurrentUser } from "main/utils/currentUser";
import { useBackend, useBackendMutation } from "main/utils/useBackend";
import Background from "../../assets/PlayPageBackground.png";
export default function PlayPage() {
const { commonsId } = useParams();
const { data: currentUser } = useCurrentUser();
const { data: userCommons } =
useBackend(
// Stryker disable next-line all : don't test internal caching of React Query
[`/api/usercommons/forcurrentuser?commonsId=${commonsId}`],
{ // Stryker disable next-line all : GET is the default, so changing this to "" doesn't introduce a bug
method: "GET",
url: "/api/usercommons/forcurrentuser",
params: {
commonsId: commonsId
}
}
);
const { data: commons } =
useBackend(
// Stryker disable next-line all : don't test internal caching of React Query
[`/api/commons?id=${commonsId}`],
{ // Stryker disable next-line all : GET is the default, so changing this to "" doesn't introduce a bug
method: "GET",
url: "/api/commons",
params: {
id: commonsId
}
}
);
const { data: userCommonsProfits } =
useBackend(
// Stryker disable next-line all : don't test internal caching of React Query
[`/api/profits/all/commonsid?commonsId=${commonsId}`],
{ // Stryker disable next-line all : GET is the default, so changing this to "" doesn't introduce a bug
method: "GET",
url: "/api/profits/all/commonsid",
params: {
commonsId: commonsId
}
}
);
const onSuccessBuy = () => {
toast(`Cow bought!`);
}
const objectToAxiosParamsBuy = ({ newUserCommons, numCows }) => ({
url: "/api/usercommons/buy",
method: "PUT",
data: newUserCommons,
params: {
commonsId: commonsId,
numCows: numCows
}
});
const mutationbuy = useBackendMutation(
objectToAxiosParamsBuy,
{ onSuccess: onSuccessBuy },
// Stryker disable next-line all : hard to set up test for caching
[`/api/usercommons/forcurrentuser?commonsId=${commonsId}`]
);
const onBuy = (userCommons, numCows) => {
mutationbuy.mutate({ userCommons, numCows })
};
const onSuccessSell = () => {
toast(`Cow sold!`);
}
const objectToAxiosParamsSell = ({ newUserCommons, numCows }) => ({
url: "/api/usercommons/sell",
method: "PUT",
data: newUserCommons,
params: {
commonsId: commonsId,
numCows: numCows
}
});
const mutationsell = useBackendMutation(
objectToAxiosParamsSell,
{ onSuccess: onSuccessSell },
// Stryker disable next-line all : hard to set up test for caching
[`/api/usercommons/forcurrentuser?commonsId=${commonsId}`]
);
const onSell = (userCommons, numCows) => {
mutationsell.mutate({ userCommons, numCows })
};
return (
<div style={
// Stryker disable next-line all : no need to unit test CSS
{ backgroundSize: 'cover', backgroundImage: `url(${Background})` }}>
<BasicLayout >
<Container >
{!!currentUser && <CommonsPlay currentUser={currentUser} />}
{!!commons && <CommonsOverview commons={commons} currentUser={currentUser} />}
<br />
{!!userCommons &&
<CardGroup >
<ManageCows userCommons={userCommons} commons={commons} onBuy={onBuy} onSell={onSell} />
<FarmStats userCommons={userCommons} />
<Profits userCommons={userCommons} profits={userCommonsProfits} />
</CardGroup>
}
</Container>
</BasicLayout>
</div>
)
} |