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}
-
+
+
+ ) : 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 (
-
+
+
);
};
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 = () => {
-
+
);
};