diff --git a/apps/web/src/app/app.tsx b/apps/web/src/app/app.tsx index 5a5f114028d4a02da335076930fb0dae6e93ee28..838d061a963ea2645aa7ef5da62dfecc0067e2d8 100644 --- a/apps/web/src/app/app.tsx +++ b/apps/web/src/app/app.tsx @@ -25,7 +25,7 @@ import { Tooltip, TooltipTrigger, Button, TooltipContent, TooltipProvider } from import ControlContainer from '@graphpolaris/shared/lib/components/controls'; import Searchbar from '@graphpolaris/shared/lib/sidebar/search/searchbar'; import Schema from '@graphpolaris/shared/lib/schema/panel'; -import { Fullscreen, Schema as SchemaIcon, Search as SearchIcon } from '@mui/icons-material'; +import { Fullscreen, FitScreen, Remove, Schema as SchemaIcon, Search as SearchIcon } from '@mui/icons-material'; export type App = { load?: string; @@ -90,10 +90,18 @@ export function App(props: App) { <div className="shrink-0 sticky right-0 px-0.5 ml-auto items-center flex"> <ControlContainer> <TooltipProvider delayDuration={100}> + <Tooltip> + <TooltipTrigger asChild> + <Button type="secondary" variant="ghost" size="xs" iconComponent={<Remove />} onClick={() => {}} /> + </TooltipTrigger> + <TooltipContent side={'top'}> + <p>Hide</p> + </TooltipContent> + </Tooltip> {tab === 'Schema' && ( <Tooltip> <TooltipTrigger asChild> - <Button type="secondary" variant="ghost" size="xs" iconComponent={<Fullscreen />} onClick={() => {}} /> + <Button type="secondary" variant="ghost" size="xs" iconComponent={<FitScreen />} onClick={() => {}} /> </TooltipTrigger> <TooltipContent side={'top'}> <p>Fit to screen</p>