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

Implement Category list

Browse source
This commit is contained in:
Eric NGUYEN 2022-09-16 16:23:17 +02:00
parent 9f24d2d40a
commit 0476a294d6
7 changed files with 61 additions and 51 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/Components/UI/UI.tsx
View file

@ -13,6 +13,7 @@ import { Symbols } from '../Symbols/Symbols';
import { SymbolsSidebar } from '../SymbolsSidebar/SymbolsSidebar';
import { PropertyType } from '../../Enums/PropertyType';
import { MessagesSidebar } from '../MessagesSidebar/MessagesSidebar';
import { ICategory } from '../../Interfaces/ICategory';
interface IUIProps {
selectedContainer: IContainerModel | undefined
@ -21,6 +22,7 @@ interface IUIProps {
historyCurrentStep: number
availableContainers: IAvailableContainer[]
availableSymbols: IAvailableSymbol[]
categories: ICategory[]
selectContainer: (containerId: string) => void
deleteContainer: (containerId: string) => void
onPropertyChange: (key: string, value: string | number | boolean, type?: PropertyType) => void
@ -83,6 +85,7 @@ export function UI(props: IUIProps): JSX.Element {
<Sidebar
componentOptions={props.availableContainers}
categories={props.categories}
isOpen={isSidebarOpen}
buttonOnClick={props.addContainer} />
<Symbols