form alignment buttons are changed

Author: vigneshwaran-chandrasekaran

src/forms/todo/drawer.form.js

@@ -16,7 +16,7 @@ export default function DrawerForm() {
 	return (
 		<>
 			<Button type="primary" onClick={showDrawer}>
-				Open
+				Drawer Form
 			</Button>
 			<Drawer
 				title="Add new Todo"

src/forms/todo/index.js

@@ -1,3 +1,3 @@
 export { default as DrawerForm } from './drawer.form';
-export { default as CreateForm } from './modal.form';
+export { default as ModalForm } from './modal.form';
 export { TodoForm } from './todo.form';

src/forms/todo/modal.form.js

@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Drawer, Modal, Button } from 'antd';
+import { Modal, Button } from 'antd';
 import { TodoForm } from '../todo';
 
 export default class App extends React.Component {
@@ -29,13 +29,14 @@ export default class App extends React.Component {
 		return (
 			<div>
 				<Button type="primary" onClick={this.showModal}>
-					Open Modal
+					Modal Form
 				</Button>
 				<Modal
 					title="Basic Modal"
 					visible={this.state.visible}
 					onOk={this.handleOk}
 					onCancel={this.handleCancel}
+					footer={null}
 				>
 					<TodoForm />
 				</Modal>

src/pages/Todo.js

@@ -1,13 +1,19 @@
 import React from 'react';
-import { CreateForm, DrawerForm, TodoForm } from '../forms/todo';
+import { Row, Col } from 'antd';
+import { ModalForm, DrawerForm } from '../forms/todo';
 import { TodoList } from '../components/todo';
 
 export default function Todo() {
 	return (
 		<div className="main-layout">
-			<CreateForm />
-			<DrawerForm />
-			<TodoForm />
+			<Row gutter={8}>
+				<Col>
+					<ModalForm />
+				</Col>
+				<Col>
+					<DrawerForm />
+				</Col>
+			</Row>
 			<TodoList />
 		</div>
 	);