Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

UI: Add reward info to intro page of infiltration #1835

Open
wants to merge 1 commit into
base: dev
Choose a base branch
from
Open

UI: Add reward info to intro page of infiltration #1835

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/Infiltration/ui/InfiltrationRoot.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,6 +51,7 @@ export function InfiltrationRoot(props: IProps): React.ReactElement {
StartingDifficulty={startingSecurityLevel}
Difficulty={difficulty}
MaxLevel={props.location.infiltrationData.maxClearanceLevel}
Reward={reward}
start={() => setStart(true)}
cancel={cancel}
/>
Expand Down
31 changes: 29 additions & 2 deletions src/Infiltration/ui/Intro.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,15 +3,23 @@ import { Box, Button, Container, Paper, Tooltip, Typography } from "@mui/materia
import React from "react";
import { Location } from "../../Locations/Location";
import { Settings } from "../../Settings/Settings";
import { formatHp, formatNumberNoSuffix } from "../../ui/formatNumber";
import { formatHp, formatMoney, formatNumberNoSuffix, formatReputation } from "../../ui/formatNumber";
import { Player } from "@player";
import { calculateDamageAfterFailingInfiltration } from "../utils";
import {
calculateInfiltratorsRepReward,
calculateSellInformationCashReward,
calculateTradeInformationRepReward,
} from "../formulas/victory";
import { Factions } from "../../Faction/Factions";
import { FactionName } from "../../Faction/Enums";

interface IProps {
Location: Location;
StartingDifficulty: number;
Difficulty: number;
MaxLevel: number;
Reward: number;
start: () => void;
cancel: () => void;
}
Expand Down Expand Up @@ -53,6 +61,10 @@ function coloredArrow(difficulty: number): JSX.Element {
}

export function Intro(props: IProps): React.ReactElement {
const repGain = calculateTradeInformationRepReward(props.Reward, props.MaxLevel, props.StartingDifficulty);
const moneyGain = calculateSellInformationCashReward(props.Reward, props.MaxLevel, props.StartingDifficulty);
const soaRepGain = calculateInfiltratorsRepReward(Factions[FactionName.ShadowsOfAnarchy], props.StartingDifficulty);

return (
<Container sx={{ alignItems: "center" }}>
<Paper sx={{ p: 1, mb: 1, display: "grid", justifyItems: "center" }}>
Expand All @@ -71,6 +83,21 @@ export function Intro(props: IProps): React.ReactElement {
<b>Maximum Level: </b>
{props.MaxLevel}
</Typography>

<br />
<Typography variant="h6">
<b>Reward: </b>
</Typography>
<Typography component="div">
<ul style={{ marginTop: 0 }}>
<li>Reputation: {formatReputation(repGain)}</li>
<li>Money: {formatMoney(moneyGain)}</li>
{Player.factions.includes(FactionName.ShadowsOfAnarchy) && (
<li>SoA reputation: {formatReputation(soaRepGain)}</li>
)}
</ul>
</Typography>

<Typography
variant="h6"
sx={{
Expand All @@ -90,7 +117,7 @@ export function Intro(props: IProps): React.ReactElement {
<Tooltip
title={
<Typography color="error">
This location is too heavily guarded for your current stats. It is recommended that you try training,
This location is too heavily guarded for your current stats. It is recommended that you try training
or finding an easier location.
</Typography>
}
Expand Down
Loading