diff --git a/src/Augmentation/ui/PurchasableAugmentations.tsx b/src/Augmentation/ui/PurchasableAugmentations.tsx index 37a2f95af..0332cead6 100644 --- a/src/Augmentation/ui/PurchasableAugmentations.tsx +++ b/src/Augmentation/ui/PurchasableAugmentations.tsx @@ -131,7 +131,7 @@ interface IPurchasableAugsProps { export const PurchasableAugmentations = (props: IPurchasableAugsProps): React.ReactElement => { return ( @@ -175,7 +175,7 @@ export function PurchasableAugmentation(props: IPurchasableAugProps): React.Reac sx={{ p: 1, display: "grid", - gridTemplateColumns: "minmax(0, 3fr) 1fr", + gridTemplateColumns: "minmax(0, 4fr) 1fr", gap: 1, opacity: props.owned ? 0.75 : 1, }} @@ -229,25 +229,30 @@ export function PurchasableAugmentation(props: IPurchasableAugProps): React.Reac {props.owned || ( - - + + cost} + value={numeralWrapper.formatMoney(cost)} + color={Settings.theme.money} + /> + {props.parent.rep !== undefined && ( cost} - value={numeralWrapper.formatMoney(cost)} - color={Settings.theme.money} + fulfilled={props.parent.rep >= aug.baseRepRequirement} + value={`${numeralWrapper.formatReputation(aug.baseRepRequirement)} rep`} + color={Settings.theme.rep} /> - {props.parent.rep !== undefined && ( - = aug.baseRepRequirement} - value={`${numeralWrapper.formatReputation(aug.baseRepRequirement)} rep`} - color={Settings.theme.rep} - /> - )} - + )} )} - setOpen(false)} faction={props.parent.faction} aug={aug} /> + {Settings.SuppressBuyAugmentationConfirmation || ( + setOpen(false)} + faction={props.parent.faction} + aug={aug} + /> + )} ); } diff --git a/src/Faction/ui/AugmentationsPage.tsx b/src/Faction/ui/AugmentationsPage.tsx index 8175f47bc..c169520fd 100644 --- a/src/Faction/ui/AugmentationsPage.tsx +++ b/src/Faction/ui/AugmentationsPage.tsx @@ -141,7 +141,7 @@ export function AugmentationsPage(props: IProps): React.ReactElement { return ( <> - + Faction Augmentations diff --git a/src/PersonObjects/Sleeve/ui/SleeveAugmentationsModal.tsx b/src/PersonObjects/Sleeve/ui/SleeveAugmentationsModal.tsx index a421a2220..71eaf08a4 100644 --- a/src/PersonObjects/Sleeve/ui/SleeveAugmentationsModal.tsx +++ b/src/PersonObjects/Sleeve/ui/SleeveAugmentationsModal.tsx @@ -34,7 +34,7 @@ export function SleeveAugmentationsModal(props: IProps): React.ReactElement { return ( - + You can purchase Augmentations for your Duplicate Sleeves. These Augmentations have the same effect as they would for you. You can only purchase Augmentations that you have unlocked through Factions.