mirror of
https://github.com/bitburner-official/bitburner-src.git
synced 2024-10-23 10:13:13 +02:00
31 lines
864 B
TypeScript
31 lines
864 B
TypeScript
|
import React from "react";
|
||
|
|
||
|
import makeStyles from "@mui/styles/makeStyles";
|
||
|
import createStyles from "@mui/styles/createStyles";
|
||
|
import { Theme } from "@mui/material/styles";
|
||
|
|
||
|
import { AchievementList } from "./AchievementList";
|
||
|
import { achievements } from "./Achievements";
|
||
|
import { Typography } from "@mui/material";
|
||
|
import { Player } from "../Player";
|
||
|
|
||
|
const useStyles = makeStyles((theme: Theme) =>
|
||
|
createStyles({
|
||
|
root: {
|
||
|
width: 50,
|
||
|
padding: theme.spacing(2),
|
||
|
userSelect: "none",
|
||
|
},
|
||
|
}),
|
||
|
);
|
||
|
|
||
|
export function AchievementsRoot(): JSX.Element {
|
||
|
const classes = useStyles();
|
||
|
return (
|
||
|
<div className={classes.root} style={{ width: "90%" }}>
|
||
|
<Typography variant="h4">Achievements</Typography>
|
||
|
<AchievementList achievements={Object.values(achievements)} playerAchievements={Player.achievements} />
|
||
|
</div>
|
||
|
);
|
||
|
}
|