cpvalente/ontime
1
0
Fork 0
mirror of https://github.com/cpvalente/ontime.git synced 2026-09-06 23:09:08 +00:00
Code Issues Packages Projects Releases 10 Wiki Activity

style: toggle settings button

Browse Source
This commit is contained in:
Carlos Valente
2024-04-28 14:55:11 +02:00
committed by Carlos Valente
parent 07e8bedff4
commit 5b6d4c5b28
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/editors/Editor.tsx
+3 -2
View File
@@ -1,6 +1,7 @@
import { lazy, useCallback, useEffect } from 'react'; import { lazy, useCallback, useEffect } from 'react';
import { IconButton, useDisclosure } from '@chakra-ui/react'; import { IconButton, useDisclosure } from '@chakra-ui/react';
import { IoApps } from '@react-icons/all-files/io5/IoApps'; import { IoApps } from '@react-icons/all-files/io5/IoApps';
import { IoClose } from '@react-icons/all-files/io5/IoClose';
import { IoSettingsOutline } from '@react-icons/all-files/io5/IoSettingsOutline'; import { IoSettingsOutline } from '@react-icons/all-files/io5/IoSettingsOutline';
import ProductionNavigationMenu from '../../common/components/navigation-menu/ProductionNavigationMenu'; import ProductionNavigationMenu from '../../common/components/navigation-menu/ProductionNavigationMenu';
@@ -84,9 +85,9 @@ export default function Editor() {
/> />
<IconButton <IconButton
aria-label='Toggle settings' aria-label='Toggle settings'
variant='ontime-subtle-white' variant={isSettingsOpen ? 'ontime-subtle' : 'ontime-subtle-white'}
size='lg' size='lg'
icon={<IoSettingsOutline />} icon={isSettingsOpen ? <IoClose /> : <IoSettingsOutline />}
onClick={toggleSettings} onClick={toggleSettings}
/> />
</EditorOverview> </EditorOverview>