📝 Added a port number field to AirDC++ settings form

src/client/components/AirDCPPSettings/AirDCPPSettingsForm.tsx

@@ -25,7 +25,7 @@ export const AirDCPPSettingsForm = (): ReactElement => {
     airDCPPSettings.setSettings({});
     dispatch(deleteSettings());
   }, []);
-  const validate = async () => {};
+  const validate = async () => { };
   const initFormData = !isUndefined(
     airDCPPSettings.airDCPPState.settings.directConnect,
   )
@@ -60,6 +60,14 @@ export const AirDCPPSettingsForm = (): ReactElement => {
                   placeholder="AirDC++ host IP / hostname"
                 />
               </p>
+              <p className="control">
+                <Field
+                  name="port"
+                  component="input"
+                  className="input"
+                  placeholder="AirDC++ port"
+                />
+              </p>
             </div>
             <div className="field">
               <div className="is-clearfix">