Created EditDomainRedirectsModal test

src/domains/helpers/EditDomainRedirectsModal.tsx

@@ -1,7 +1,7 @@
 import { FC, useState } from 'react';
 import { Button, Modal, ModalBody, ModalFooter, ModalHeader } from 'reactstrap';
 import { ShlinkDomain, ShlinkDomainRedirects } from '../../api/types';
-import { FormGroupContainer } from '../../utils/FormGroupContainer';
+import { FormGroupContainer, FormGroupContainerProps } from '../../utils/FormGroupContainer';
 import { handleEventPreventingDefault, nonEmptyValueOrNull } from '../../utils/utils';
 import { InfoTooltip } from '../../utils/InfoTooltip';
 
@@ -12,19 +12,14 @@ interface EditDomainRedirectsModalProps {
   editDomainRedirects: (domain: string, redirects: Partial<ShlinkDomainRedirects>) => Promise<void>;
 }
 
-const FormGroup: FC<{ value: string; onChange: (newValue: string) => void; isLast?: boolean }> = (
-  { value, onChange, isLast, children },
-) => (
+const FormGroup: FC<FormGroupContainerProps & { isLast?: boolean }> = ({ isLast, ...rest }) => (
   <FormGroupContainer
-    value={value}
+    {...rest}
     required={false}
     type="url"
     placeholder="No redirect"
     className={isLast ? 'mb-0' : ''}
-    onChange={onChange}
-  >
-    {children}
-  </FormGroupContainer>
+  />
 );
 
 export const EditDomainRedirectsModal: FC<EditDomainRedirectsModalProps> = (

src/servers/helpers/ServerForm.tsx

@@ -1,5 +1,5 @@
 import { FC, ReactNode, useEffect, useState } from 'react';
-import { FormGroupContainer } from '../../utils/FormGroupContainer';
+import { FormGroupContainer, FormGroupContainerProps } from '../../utils/FormGroupContainer';
 import { handleEventPreventingDefault } from '../../utils/utils';
 import { ServerData } from '../data';
 import { SimpleCard } from '../../utils/SimpleCard';
@@ -11,6 +11,9 @@ interface ServerFormProps {
   title?: ReactNode;
 }
 
+const FormGroup: FC<FormGroupContainerProps> = (props) =>
+  <FormGroupContainer {...props} labelClassName="create-server__label" />;
+
 export const ServerForm: FC<ServerFormProps> = ({ onSubmit, initialValues, children, title }) => {
   const [ name, setName ] = useState('');
   const [ url, setUrl ] = useState('');
@@ -26,15 +29,9 @@ export const ServerForm: FC<ServerFormProps> = ({ onSubmit, initialValues, child
   return (
     <form className="server-form" onSubmit={handleSubmit}>
       <SimpleCard className="mb-3" title={title}>
-        <FormGroupContainer labelClassName="create-server__label" value={name} onChange={setName}>
-          Name
-        </FormGroupContainer>
-        <FormGroupContainer labelClassName="create-server__label" type="url" value={url} onChange={setUrl}>
-          URL
-        </FormGroupContainer>
-        <FormGroupContainer labelClassName="create-server__label" value={apiKey} onChange={setApiKey}>API
-          key
-        </FormGroupContainer>
+        <FormGroup value={name} onChange={setName}>Name</FormGroup>
+        <FormGroup type="url" value={url} onChange={setUrl}>URL</FormGroup>
+        <FormGroup value={apiKey} onChange={setApiKey}>APIkey</FormGroup>
       </SimpleCard>
 
       <div className="text-right">{children}</div>

src/utils/FormGroupContainer.tsx

@@ -2,7 +2,7 @@ import { FC, useRef } from 'react';
 import { v4 as uuid } from 'uuid';
 import { InputType } from 'reactstrap/lib/Input';
 
-interface FormGroupContainerProps {
+export interface FormGroupContainerProps {
   value: string;
   onChange: (newValue: string) => void;
   id?: string;