Enhancement: Added a "Reset to Defaults" button to the Network Access settings form, matching the functionality in Proxy Settings. Users can now quickly restore recommended network access settings with one click.

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- Network Access "Reset to Defaults" button: Added a "Reset to Defaults" button to the Network Access settings form, matching the functionality in Proxy Settings. Users can now quickly restore recommended network access settings with one click.
 - Streams table column visibility toggle: Added column menu to Streams table header allowing users to show/hide optional columns (TVG-ID, Stats) based on preference, with optional columns hidden by default for cleaner default view.
 - Streams table TVG-ID column with search filter and sort: Added TVG-ID column to streams table with search filtering and sort capability for better stream organization. (Closes #866) - Thanks [@CodeBormen](https://github.com/CodeBormen)
 - Frontend now automatically refreshes streams and channels after a stream rehash completes, ensuring the UI is always up-to-date following backend merge operations.

frontend/src/components/forms/settings/NetworkAccessForm.jsx

@@ -11,6 +11,7 @@ import ConfirmationDialog from '../../ConfirmationDialog.jsx';
 import {
   getNetworkAccessFormInitialValues,
   getNetworkAccessFormValidation,
+  getNetworkAccessDefaults,
 } from '../../../utils/forms/settings/NetworkAccessFormUtils.js';
 
 const NetworkAccessForm = React.memo(({ active }) => {
@@ -50,6 +51,10 @@ const NetworkAccessForm = React.memo(({ active }) => {
     );
   }, [settings]);
 
+  const resetNetworkAccessToDefaults = () => {
+    networkAccessForm.setValues(getNetworkAccessDefaults());
+  };
+
   const onNetworkAccessSubmit = async () => {
     setSaved(false);
     setNetworkAccessError(null);
@@ -125,7 +130,14 @@ const NetworkAccessForm = React.memo(({ active }) => {
             />
           ))}
 
-          <Flex mih={50} gap="xs" justify="flex-end" align="flex-end">
+          <Flex mih={50} gap="xs" justify="space-between" align="flex-end">
+            <Button
+              variant="subtle"
+              color="gray"
+              onClick={resetNetworkAccessToDefaults}
+            >
+              Reset to Defaults
+            </Button>
             <Button
               type="submit"
               disabled={networkAccessForm.submitting}

frontend/src/utils/forms/settings/NetworkAccessFormUtils.js

@@ -30,4 +30,13 @@ export const getNetworkAccessFormValidation = () => {
     };
     return acc;
   }, {});
+};
+
+export const getNetworkAccessDefaults = () => {
+  return {
+    M3U_EPG: M3U_EPG_DEFAULTS,
+    STREAMS: '0.0.0.0/0,::/0',
+    XC_API: '0.0.0.0/0,::/0',
+    UI: '0.0.0.0/0,::/0',
+  };
 };