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

Merged PR 163: Remove the static form + rename some components for clarity
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse source 
The static form is hard to maintain so I am removing it + rename some components for clarity + moved some utils files
This commit is contained in:
Eric Nguyen 2022-08-22 14:37:25 +00:00
parent 7e3ccdee99
commit 66ea3b1b64
21 changed files with 150 additions and 523 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/Components/SymbolProperties/Form.tsx
View file

@ -1,17 +0,0 @@
import * as React from 'react';
import { ISymbolModel } from '../../Interfaces/ISymbolModel';
import DynamicForm from './DynamicForm';
interface IFormProps {
symbol: ISymbolModel
symbols: Map<string, ISymbolModel>
onChange: (key: string, value: string | number | boolean, isStyle?: boolean) => void
}
export const Form: React.FunctionComponent<IFormProps> = (props) => {
return <DynamicForm
symbol={props.symbol}
symbols={props.symbols}
onChange={props.onChange}
/>;
};

6
src/Components/SymbolProperties/DynamicForm.tsx → src/Components/SymbolProperties/SymbolForm.tsx
View file

@ -3,12 +3,12 @@ import { ISymbolModel } from '../../Interfaces/ISymbolModel';
import { restoreX, transformX } from '../../utils/svg';
import { InputGroup } from '../InputGroup/InputGroup';
interface IDynamicFormProps {
interface ISymbolFormProps {
symbol: ISymbolModel
symbols: Map<string, ISymbolModel>
onChange: (key: string, value: string | number | boolean) => void
}
const DynamicForm: React.FunctionComponent<IDynamicFormProps> = (props) => {
const SymbolForm: React.FunctionComponent<ISymbolFormProps> = (props) => {
return (
<div className='grid grid-cols-2 gap-y-4'>
<InputGroup
@ -53,4 +53,4 @@ const DynamicForm: React.FunctionComponent<IDynamicFormProps> = (props) => {
);
};
export default DynamicForm;
export default SymbolForm;

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

@ -1,8 +1,6 @@
import React, { useState } from 'react';
import IContainerProperties from '../../Interfaces/IContainerProperties';
import React from 'react';
import { ISymbolModel } from '../../Interfaces/ISymbolModel';
import { ToggleButton } from '../ToggleButton/ToggleButton';
import { Form } from './Form';
import SymbolForm from './SymbolForm';
interface ISymbolPropertiesProps {
symbol?: ISymbolModel
@ -17,7 +15,7 @@ export const SymbolProperties: React.FC<ISymbolPropertiesProps> = (props: ISymbo
return (
<div className='h-3/5 p-3 bg-slate-200 overflow-y-auto'>
<Form
<SymbolForm
symbol={props.symbol}
symbols={props.symbols}
onChange={props.onChange}