From a3a16c42c986aea24a8a666fc9d2dfaf6bf870ef Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 7 Apr 2023 13:27:18 +0300
Subject: [PATCH] Add namespace selector

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 ...utating-webhook-configurations-details.tsx | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/packages/core/src/renderer/components/+config-mutating-webhook-configurations/mutating-webhook-configurations-details.tsx b/packages/core/src/renderer/components/+config-mutating-webhook-configurations/mutating-webhook-configurations-details.tsx
index 487bc78962..a613d19aac 100644
--- a/packages/core/src/renderer/components/+config-mutating-webhook-configurations/mutating-webhook-configurations-details.tsx
+++ b/packages/core/src/renderer/components/+config-mutating-webhook-configurations/mutating-webhook-configurations-details.tsx
@@ -24,6 +24,9 @@ export class MutatingWebhookDetails extends React.Component<MutatingWebhookDetai
           {webhookConfig.apiVersion}
         </DrawerItem>
         <DrawerTitle>Webhooks</DrawerTitle>
+        {webhookConfig.getWebhooks()?.length == 0 && (
+          <div style={{ opacity: 0.6 }}>No webhooks set</div>
+        )}
         {webhookConfig.getWebhooks()?.map((webhook) => (
           <React.Fragment key={webhook.name}>
             <DrawerItem name="Name">
@@ -63,6 +66,42 @@ export class MutatingWebhookDetails extends React.Component<MutatingWebhookDetai
             <DrawerItem name="Timeout Seconds">
               {webhook.timeoutSeconds}
             </DrawerItem>
+            <DrawerItem name="Namespace Selector">
+              {webhook.namespaceSelector && (
+                <div>
+                  <div>Match Expressions:</div>
+                  {webhook.namespaceSelector.matchExpressions?.map((expression, index) => (
+                    <div key={index}>
+                      <div>
+                        Key:
+                        {" "}
+                        <b>{expression.key}</b>
+                      </div>
+                      <div>
+                        Operator:
+                        {" "}
+                        <b>{expression.operator}</b>
+                      </div>
+                      <div>
+                        Values:
+                        {" "}
+                        <b>{expression.values?.join(", ")}</b>
+                      </div>
+                    </div>
+                  ))}
+                  {webhook.namespaceSelector.matchLabels && (
+                    <div>
+                      <div>Match Labels:</div>
+                      <div style={{ display: "flex", gap: "0.5rem", flexWrap: "wrap" }}>
+                        {Object.entries(webhook.namespaceSelector.matchLabels).map(([key, value], index) => (
+                          <Badge label={`${key}=${value}`} key={index} />
+                        ))}
+                      </div>
+                    </div>
+                  )}
+                </div>
+              )}
+            </DrawerItem>
             <DrawerItem name="Object Selector">
               {webhook.objectSelector && (
                 <div>