diff --git a/src/pods/canvas/canvas.pod.tsx b/src/pods/canvas/canvas.pod.tsx index afcf0168..fec169a2 100644 --- a/src/pods/canvas/canvas.pod.tsx +++ b/src/pods/canvas/canvas.pod.tsx @@ -233,7 +233,7 @@ export const CanvasPod: React.FC = () => { }, [modalDialog.isOpen, canvasSchema.selectedElementId]); return ( -
{ /> )}
- + ); }; diff --git a/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx b/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx index 22aa3699..69ec8c4e 100644 --- a/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx +++ b/src/pods/canvas/components/canvas-accessible/components/collection-accessible.component.tsx @@ -28,20 +28,24 @@ export const CollectionAccessible: React.FC = props => { <>

{table.tableName} collection - {!isTabletOrMobileDevice ? ( - <> +

+ {!isTabletOrMobileDevice ? ( + + ) : null}

Fields for {table.tableName} collection

= props => { - const { field, listName } = props; + const { field } = props; const renderNNElement = (NN?: boolean) => { - if (NN) return NN; + if (NN) return Not Null; + }; + const renderArrayElement = (isArray?: boolean) => { + if (isArray) + return ( + <> + array  + + ); }; const renderChildrenElement = (name: string, children?: FieldVm[]) => { @@ -20,9 +28,10 @@ export const Field: React.FC = props => { }; return ( -
  • - {field.name} - {field.type} +
  • + {field.name}  + {field.type}  + {renderArrayElement(field.isArray)} {renderNNElement(field.isNN)} {renderChildrenElement(field.name, field.children)}
  • diff --git a/src/pods/edit-table/components/field.tsx b/src/pods/edit-table/components/field.tsx index feeea436..0e776c92 100644 --- a/src/pods/edit-table/components/field.tsx +++ b/src/pods/edit-table/components/field.tsx @@ -37,9 +37,9 @@ interface Props { const INPUT_NAME = 'Field for field '; const CHECKBOX_PK = 'Primary key for field '; -const CHECKBOX_FK = 'Checkbox fk for field '; -const CHECKBOX_ARRAY = 'Checkbox isArray for field '; -const CHECKBOX_ISNN = 'Checkbox isNN for field '; +const CHECKBOX_FK = 'Foreign key for field '; +const CHECKBOX_ARRAY = 'Array for field '; +const CHECKBOX_ISNN = 'Not null for field '; const SELECT = 'Select field type for'; const NESTED_FIELD_ADD_FIELD_LABEL = 'Add nested field for '; diff --git a/src/pods/edit-table/edit-table.component.tsx b/src/pods/edit-table/edit-table.component.tsx index b6fcacb6..fcb9259e 100644 --- a/src/pods/edit-table/edit-table.component.tsx +++ b/src/pods/edit-table/edit-table.component.tsx @@ -71,6 +71,7 @@ export const EditTableComponent: React.FC = props => { type="text" value={table.tableName} onChange={handleChangeTableName} + onFocus={e => e.currentTarget.select()} /> diff --git a/src/pods/footer/footer.component.tsx b/src/pods/footer/footer.component.tsx index 75623528..a1ff96a6 100644 --- a/src/pods/footer/footer.component.tsx +++ b/src/pods/footer/footer.component.tsx @@ -29,11 +29,11 @@ export const FooterComponent: React.FC = () => { ? getFileNameCanvasIsPristine(filename, NEW_DOCUMENT_NAME) : getFileNameCanvasDirty(filename, NEW_DOCUMENT_NAME, ASTERISK); return ( -
    +
    {isDevice ? documentNameMobile() : documentName()} -
    + ); }; diff --git a/src/pods/toolbar/toolbar.pod.tsx b/src/pods/toolbar/toolbar.pod.tsx index d1709744..35ec6643 100644 --- a/src/pods/toolbar/toolbar.pod.tsx +++ b/src/pods/toolbar/toolbar.pod.tsx @@ -20,7 +20,7 @@ import classes from './toolbar.pod.module.css'; export const ToolbarPod: React.FC = () => { return ( -
    +
    • @@ -67,6 +67,6 @@ export const ToolbarPod: React.FC = () => {
    -
    + ); };