🚀

client/src/pages/Dashboard.tsx

@@ -1,4 +1,4 @@
-import { message } from 'antd'
+import { Button, Divider, message, PageHeader } from 'antd'
 import { Content } from 'antd/lib/layout/layout'
 import React, { FormEvent } from 'react'
 import { useState } from 'react'
@@ -40,7 +40,11 @@ export const Dashboard = () => {
 
   return (
     <Content>
-      <h1>Dashboard</h1>
+      <PageHeader
+        title="Dashboard"
+        subTitle="Enter the name, email and phone number of the subject"
+      ></PageHeader>
+      <Divider />
       <form onSubmit={handleSubmit}>
         <label htmlFor="name">
           Name:
@@ -69,10 +73,12 @@ export const Dashboard = () => {
             name="phone"
           />
         </label>
-        <button type="submit">Start Session</button>
-        <button type="button" onClick={handleReset}>
+        <Button danger onClick={handleReset}>
           Reset
-        </button>
+        </Button>
+        <Button htmlType="submit" type="primary">
+          Start Session
+        </Button>
         {error && <p className="error">{error}</p>}
       </form>
     </Content>