From 30d71a5947d8acebfb4333d3b180918d7eea3efe Mon Sep 17 00:00:00 2001
From: "duncan@dtail-design.nl" <duncan@dtail-design.nl>
Date: Tue, 2 Apr 2024 01:14:45 +0200
Subject: [PATCH] fix(visual): icon changes
---
apps/web/src/app/app.tsx | 12 ++++++++++--
1 file changed, 10 insertions(+), 2 deletions(-)
diff --git a/apps/web/src/app/app.tsx b/apps/web/src/app/app.tsx
index 5a5f11402..838d061a9 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>
--
GitLab