Fix consistency of purchased aug list

This commit is contained in:
nickofolas
2022-04-08 16:58:21 -05:00
parent 693ca7baba
commit 271173dca2

@ -2,13 +2,11 @@
* React component for displaying all of the player's purchased (but not installed) * React component for displaying all of the player's purchased (but not installed)
* Augmentations on the Augmentations UI. * Augmentations on the Augmentations UI.
*/ */
import { List, ListItemText, Paper, Tooltip, Typography } from "@mui/material";
import * as React from "react"; import * as React from "react";
import { Player } from "../../Player";
import { Augmentations } from "../Augmentations"; import { Augmentations } from "../Augmentations";
import { AugmentationNames } from "../data/AugmentationNames"; import { AugmentationNames } from "../data/AugmentationNames";
import { Player } from "../../Player";
import { List, Paper, ListItemText, ListItem, Tooltip, Typography } from "@mui/material";
export function PurchasedAugmentations(): React.ReactElement { export function PurchasedAugmentations(): React.ReactElement {
const augs: React.ReactElement[] = []; const augs: React.ReactElement[] = [];
@ -54,15 +52,13 @@ export function PurchasedAugmentations(): React.ReactElement {
enterNextDelay={500} enterNextDelay={500}
key={displayName} key={displayName}
> >
<ListItem sx={{ py: 0 }}> <ListItemText sx={{ px: 2, py: 1 }} primary={displayName} />
<ListItemText primary={displayName} />
</ListItem>
</Tooltip>, </Tooltip>,
); );
} }
return ( return (
<Paper sx={{ p: 1, maxHeight: 400, overflowY: "scroll" }}> <Paper sx={{ py: 1, maxHeight: 400, overflowY: "scroll" }}>
<List sx={{ height: 400, overflowY: "scroll" }} disablePadding> <List sx={{ height: 400, overflowY: "scroll" }} disablePadding>
{augs} {augs}
</List> </List>