Array to string parsing to utils.

src/components/regForm.tsx

@@ -4,13 +4,11 @@ import { MinusCircleOutlined, PlusOutlined } from '@ant-design/icons';
 
 import "./../styles/registration.css"
 import { addVisitor } from '../api';
-import { capFirstLetter } from './utils';
+import { arrayToString, capFirstLetter } from './utils';
 import { Visitor } from '../model/visitor';
 
 const { Option } = Select;
 
-const { TextArea } = Input;
-
 interface ParamTypes {
     id: string;
 }
@@ -34,8 +32,8 @@ export const RegForm = () => {
         values.visitors.map(visitor => {
             addVisitor({
                 ...visitor,
-                allergies: visitor.allergies ? visitor.allergies.toString() : "",
-                services: visitor.services ? visitor.services.toString() : "",
+                allergies: visitor.allergies ? arrayToString(visitor.allergies) : "",
+                services: visitor.services ? arrayToString(visitor.services) : "",
                 preferences: visitor.preferences ?? "",
                 invitationId: visitor.invitationId = atob(id),
             });

src/components/utils.ts

@@ -1,3 +1,7 @@
-export const capFirstLetter = (string: string) => {
-    return string.charAt(0).toUpperCase() + string.slice(1);
+export const capFirstLetter = (str: string) => {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+export const arrayToString = (str: string) => {
+    return str.toString().replaceAll(",", ", ");
 }