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

Refactor Editor and module functions (#15)
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source 
Moved all module functions to separate utils modules

Replaced standard with standard with typescript

Extracted UI elements to separate component

Reviewed-on: https://git.siklos-chaneru.duckdns.org/Siklos/svg-layout-designer-react/pulls/15
This commit is contained in:
Siklos 2022-08-05 15:38:44 -04:00
parent 8e34d6b72a
commit 293af45144
26 changed files with 477 additions and 367 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/Components/Sidebar/Sidebar.tsx
View file

@ -3,13 +3,13 @@ import { AvailableContainer } from '../../Interfaces/AvailableContainer';
interface ISidebarProps {
componentOptions: AvailableContainer[]
isOpen: boolean;
onClick: () => void;
buttonOnClick: (type: string) => void;
isOpen: boolean
onClick: () => void
buttonOnClick: (type: string) => void
}
export default class Sidebar extends React.PureComponent<ISidebarProps> {
public render() {
public render(): JSX.Element {
const listElements = this.props.componentOptions.map(componentOption =>
<button className='hover:bg-blue-600 transition-all sidebar-row' key={componentOption.Type} onClick={() => this.props.buttonOnClick(componentOption.Type)}>
{componentOption.Type}