refactor compact mode to theme provider

This commit is contained in:
Calli
2023-07-04 00:04:33 +03:00
parent 76d0ed6da1
commit 6933ddcbc5
6 changed files with 87 additions and 39 deletions

View File

@@ -1,9 +1,7 @@
import { AccessToken } from "@/types";
import { Box, Stack, Typography } from "@mui/material";
import { Box, Stack, Typography, useTheme } from "@mui/material";
import { CharacterRow } from "../Characters/CharacterRow";
import { PlanetaryInteractionRow } from "../PlanetaryInteraction/PlanetaryInteractionRow";
import { useContext } from "react";
import { SessionContext } from "@/app/context/Context";
export const AccountCard = ({
characters,
@@ -12,12 +10,12 @@ export const AccountCard = ({
characters: AccessToken[];
sessionReady: boolean;
}) => {
const { compactMode } = useContext(SessionContext);
const theme = useTheme();
return (
<Box
sx={{
padding: 1,
borderBottom: compactMode ? "" : "solid 1px gray",
borderBottom: theme.custom.compactMode ? "" : "solid 1px gray",
}}
>
<Typography style={{ fontSize: "0.8rem" }} paddingLeft={2}>