20 lines
553 B
TypeScript
20 lines
553 B
TypeScript
import { SessionContext } from "@/app/context/Context";
|
|
import { ToggleButton, Tooltip } from "@mui/material";
|
|
import { useContext } from "react";
|
|
|
|
export const CompactModeButton = () => {
|
|
const { compactMode, toggleCompactMode } = useContext(SessionContext);
|
|
return (
|
|
<Tooltip title="Toggle compact layout for widescreen">
|
|
<ToggleButton
|
|
value="check"
|
|
selected={compactMode}
|
|
onChange={toggleCompactMode}
|
|
style={{ margin: "1rem 0" }}
|
|
>
|
|
Compact mode
|
|
</ToggleButton>
|
|
</Tooltip>
|
|
);
|
|
};
|