Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Keep the extended sidebar open when changing Sidebar type + Rename ElementsSidebar

Browse source
This commit is contained in:
Eric NGUYEN 2023-02-17 14:28:56 +01:00
parent 61807b621f
commit 00cf80d9e3
4 changed files with 81 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/Components/Sidebar/ToggleSideBar/ToggleSideBar.tsx
View file

@ -4,16 +4,16 @@ import './ToggleSideBar.scss';
interface IToggleSidebarProps {
title: string
checked: boolean
onChange: (newValue: boolean) => void
onClick: () => void
}
export function ToggleSideBar({ title, checked, onChange }: IToggleSidebarProps): JSX.Element {
export function ToggleSideBar({ title, checked, onClick }: IToggleSidebarProps): JSX.Element {
return (
<div className={`${(checked ? 'bg-slate-400 hover:bg-slate-500' : 'bg-slate-300 hover:bg-slate-400')}`}>
<button
className={'w-full py-2'}
type='button'
onClick={() => onChange(!checked)}
onClick={onClick}
>
<p className='text-vertical'>{title}
</p>