feat(appointments) reason field no longer labelled as a required (#2003)

src/__tests__/components/input/TextFieldWithLabelFormGroup.test.tsx

@@ -24,6 +24,25 @@ describe('text field with label form group', () => {
       expect(label.prop('text')).toEqual(expectedName)
     })
 
+    it('should render label as required if isRequired is true', () => {
+      const expectedName = 'test'
+      const expectedRequired = true
+      const wrapper = shallow(
+        <TextFieldWithLabelFormGroup
+          name={expectedName}
+          label="test"
+          value=""
+          isEditable
+          isRequired={expectedRequired}
+          onChange={jest.fn()}
+        />,
+      )
+
+      const label = wrapper.find(Label)
+      expect(label).toHaveLength(1)
+      expect(label.prop('isRequired')).toBeTruthy()
+    })
+
     it('should render a text field', () => {
       const expectedName = 'test'
       const wrapper = shallow(

src/components/input/TextFieldWithLabelFormGroup.tsx

@@ -14,11 +14,11 @@ interface Props {
 }
 
 const TextFieldWithLabelFormGroup = (props: Props) => {
-  const { value, label, name, isEditable, isInvalid, feedback, onChange } = props
+  const { value, label, name, isEditable, isInvalid, isRequired, feedback, onChange } = props
   const id = `${name}TextField`
   return (
     <div className="form-group">
-      <Label text={label} htmlFor={id} isRequired />
+      <Label text={label} htmlFor={id} isRequired={isRequired} />
       <TextField
         rows={4}
         value={value}