From ca7ef484d59b72722e59a1888435ecec8f9378a2 Mon Sep 17 00:00:00 2001
From: Mcat12 <newtoncat12@yahoo.com>
Date: Mon, 17 Jun 2019 19:38:32 -0700
Subject: [PATCH] Add CIDR prefix length to the settings page

Signed-off-by: Mcat12 <newtoncat12@yahoo.com>
---
 public/i18n/en/settings.json                  |  3 ++-
 .../ConditionalForwardingSettings.tsx         | 22 +++++++++++++++++++
 2 files changed, 24 insertions(+), 1 deletion(-)

diff --git a/public/i18n/en/settings.json b/public/i18n/en/settings.json
index 59bafce..aef67ae 100644
--- a/public/i18n/en/settings.json
+++ b/public/i18n/en/settings.json
@@ -27,5 +27,6 @@
     "Successfully saved settings": "Successfully saved settings",
     "Detected custom upstream server": "Detected custom upstream server",
     "DNS Options": "DNS Options",
-    "Rapid Commit": "Rapid Commit"
+    "Rapid Commit": "Rapid Commit",
+    "Prefix length (CIDR)": "Prefix length (CIDR)"
 }
\ No newline at end of file
diff --git a/src/components/settings/ConditionalForwardingSettings.tsx b/src/components/settings/ConditionalForwardingSettings.tsx
index de3c2c5..bf58d49 100644
--- a/src/components/settings/ConditionalForwardingSettings.tsx
+++ b/src/components/settings/ConditionalForwardingSettings.tsx
@@ -59,6 +59,28 @@ const ConditionalForwardingSettings = ({
         />
       </Col>
     </FormGroup>
+    <FormGroup row>
+      <Label for="cidr" sm={5}>
+        {t("Prefix length (CIDR)")}
+      </Label>
+      <Col sm={7}>
+        <Input
+          id="cidr"
+          disabled={!settings.enabled}
+          value={settings.cidr}
+          onChange={e => {
+            const cidr = parseInt(e.target.value);
+
+            // Only allow numbers
+            if (isNaN(cidr)) {
+              return;
+            }
+
+            onUpdate({ ...settings, cidr });
+          }}
+        />
+      </Col>
+    </FormGroup>
     <FormGroup row>
       <Label for="localDomain" sm={5}>
         {t("Local Domain Name")}