From 62234f9f64b98a193d01b5b0a7ef1699267c8261 Mon Sep 17 00:00:00 2001
From: Hoan Luu Huu <110280845+xquanluu@users.noreply.github.com>
Date: Mon, 18 Sep 2023 18:59:07 +0700
Subject: [PATCH] pad crypto sip gateway (#322)

---
 src/api/types.ts                              |  1 +
 .../internal/views/carriers/form.tsx          | 23 +++++++++++++++++++
 src/styles/_forms.scss                        |  2 +-
 3 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/api/types.ts b/src/api/types.ts
index b226ff3..5df8692 100644
--- a/src/api/types.ts
+++ b/src/api/types.ts
@@ -469,6 +469,7 @@ export interface SipGateway extends Gateway {
   sip_gateway_sid?: null | string;
   is_active: boolean;
   protocol?: string;
+  pad_crypto?: boolean;
 }
 
 export interface SmppGateway extends Gateway {
diff --git a/src/containers/internal/views/carriers/form.tsx b/src/containers/internal/views/carriers/form.tsx
index 7dd24bc..a3d4f80 100644
--- a/src/containers/internal/views/carriers/form.tsx
+++ b/src/containers/internal/views/carriers/form.tsx
@@ -1064,6 +1064,29 @@ export const CarrierForm = ({
                           <div>Outbound</div>
                         </label>
                       </div>
+                      {g.outbound > 0 && g.protocol === "tls/srtp" && (
+                        <div>
+                          <label
+                            htmlFor={`sip_pad_crypto_${i}`}
+                            className="chk"
+                          >
+                            <input
+                              id={`sip_pad_crypto_${i}`}
+                              name={`sip_pad_crypto_${i}`}
+                              type="checkbox"
+                              checked={g.pad_crypto ? true : false}
+                              onChange={(e) => {
+                                updateSipGateways(
+                                  i,
+                                  "pad_crypto",
+                                  e.target.checked
+                                );
+                              }}
+                            />
+                            <div>Pad crypto</div>
+                          </label>
+                        </div>
+                      )}
                     </div>
 
                     <button
diff --git a/src/styles/_forms.scss b/src/styles/_forms.scss
index d37319f..7452b6c 100644
--- a/src/styles/_forms.scss
+++ b/src/styles/_forms.scss
@@ -227,7 +227,7 @@ fieldset {
     }
 
     &:nth-child(2) {
-      grid-template-columns: repeat(3, 1fr);
+      grid-template-columns: repeat(4, 1fr);
       margin-top: ui-vars.$px02;
 
       > div:last-child {