fix: correct insert column button

src/App.tsx

@@ -5,7 +5,10 @@ import TableMethodCodeBlock from './TableMethodCodeBlock';
 import { TableColumns } from './TableMethodGenerator';
 
 function App() {
-	let [columns, setColumns] = useState<TableColumns>([
+	let initialColumns: TableColumns = []
+
+	if (process.env.NODE_ENV === "development") {
+		initialColumns = [
 			{
 				name: "Miestas",
 				field: "City",
@@ -36,13 +39,15 @@ function App() {
 				width: 5,
 				alignment: "right"
 			}
-	])
+		]
+	}
+
+	let [columns, setColumns] = useState<TableColumns>(initialColumns)
 
 	// let [generatorOptions, setGeneratorOptions] = useState<TableMethodGeneratorOptions>({});
 
 	const onChange = (e: TableColumns) => {
-		columns = e
+		setColumns([...e])
-		setColumns(e)
 	}
 
   return (

src/TableDefinitionForm.tsx

@@ -59,12 +59,14 @@ function TableDefinitionForm(props: TableDefinitionProps) {
 	let [columns, setColumns] = useState<TableColumns>(props.value)
 
 	const addRow = () => {
+		if (currentName.length > 0) {
 			columns.push({ name: currentName })
 			setCurrentName("")
 			if (props.onChange !== undefined) {
 				props.onChange(columns)
 			}
 		}
+	}
 
 	const updateRow = (i: number, column: TableColumn) => {
 		if (column.name === "") {
@@ -92,7 +94,7 @@ function TableDefinitionForm(props: TableDefinitionProps) {
 				onChange={(e) => setCurrentName(e.target.value)}
 				onKeyPress={(e) => e.key === "Enter" && addRow()}
 			/>
-			<button onClick={onClickCopy}>Insert column</button>
+			<button onClick={addRow}>Insert column</button>
 			<button onClick={onClickCopy}>Copy code 📋!</button>
 			<ol>
 				{columns.map((item, i) =>

src/TableMethodCodeBlock.tsx

@@ -11,12 +11,10 @@ interface Props {
 }
 
 function TableMethodCodeBlock(props: Props) {
-	let script = generate(props.columns, props.options)
-
 	return (
 		<div>
 			<SyntaxHighlighter language="csharp" style={vs2015}>
-				{script}
+				{generate(props.columns, props.options)}
 			</SyntaxHighlighter>
 		</div>
 	)