Merge pull request #3 from OnrampLab/issue-1-ivr-settings-page

chore(pages): add render textarea according to setting names

src/modules/ivr/pages/SettingsPage.tsx

@@ -2,6 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { Form, Input, Card, Divider, message, Typography, Table, InputNumber, Popconfirm, Row} from 'antd';
 import { IvrSettingsService } from '@onr/ivr/services';
 import { IvrSettingsResponseRowData } from '../services/api/Interface';
+import TextArea from 'antd/lib/input/TextArea';
 
 const { Text } = Typography;
 
@@ -11,10 +12,13 @@ const EditableContext = React.createContext();
 
 
 const EditableCell: React.FC = (props: any) => {
+  console.log(props)
   const getInput = () => {
-    // if (props.inputType === 'number') {
-    //   return <InputNumber />;
-    // }
+
+    if (props.inputType === 'textArea') {
+      return <TextArea rows={5} />;
+    }
+
     return <Input />;
   }
 
@@ -65,7 +69,8 @@ const SettingsTableComponent: React.FC = (props: any) => {
         ...col,
         onCell: record => ({
           record,
-          inputType: col.dataIndex === 'value' ? 'number' : 'text',
+          inputType: getInputType(record.name),
+
           dataIndex: col.dataIndex,
           title: col.title,
           editing: isEditing(record),
@@ -129,6 +134,20 @@ const SettingsTableComponent: React.FC = (props: any) => {
     return columns;
   }
 
+  const getInputType = name => {
+    let inputType;
+    switch(name) {
+      case 'appointment_reminder_sms_content': 
+      case 'appointment_IVR_message_recording_file':
+      case 'transfer_message':
+          inputType = 'textArea';
+      break;
+      default:
+          inputType = 'input';
+    }
+    return inputType;
+  }
+
   const isEditing = record => record.id === editingKey;
 
   const cancel = () => {