From 932d38840dcfe751e3a3b28cd7b0a47e43d1981f Mon Sep 17 00:00:00 2001
From: Remi <remi.d45@gmail.com>
Date: Fri, 5 Feb 2021 14:23:16 +0100
Subject: [PATCH] fix(splunk-on-call-plugin): multiple select value

---
 .../TriggerDialog/TriggerDialog.tsx           | 38 ++++++++++++-------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/plugins/splunk-on-call/src/components/TriggerDialog/TriggerDialog.tsx b/plugins/splunk-on-call/src/components/TriggerDialog/TriggerDialog.tsx
index 31d4a25943..93aadbc057 100644
--- a/plugins/splunk-on-call/src/components/TriggerDialog/TriggerDialog.tsx
+++ b/plugins/splunk-on-call/src/components/TriggerDialog/TriggerDialog.tsx
@@ -207,13 +207,18 @@ export const TriggerDialog = ({
                 input={<Input />}
                 renderValue={selected => (
                   <div className={classes.chips}>
-                    {(selected as string[]).map(value => (
-                      <Chip
-                        key={value}
-                        label={value}
-                        className={classes.chip}
-                      />
-                    ))}
+                    {(selected as string[]).map(value => {
+                      const element = users.find(
+                        user => user.username === value,
+                      );
+                      return (
+                        <Chip
+                          key={value}
+                          label={`${element?.firstName} ${element?.lastName}`}
+                          className={classes.chip}
+                        />
+                      );
+                    })}
                   </div>
                 )}
                 MenuProps={MenuProps}
@@ -235,13 +240,18 @@ export const TriggerDialog = ({
                 input={<Input />}
                 renderValue={selected => (
                   <div className={classes.chips}>
-                    {(selected as string[]).map(value => (
-                      <Chip
-                        key={value}
-                        label={value}
-                        className={classes.chip}
-                      />
-                    ))}
+                    {(selected as string[]).map(value => {
+                      const element = policies?.find(
+                        policy => policy.policy.slug === value,
+                      );
+                      return (
+                        <Chip
+                          key={value}
+                          label={element?.policy.name}
+                          className={classes.chip}
+                        />
+                      );
+                    })}
                   </div>
                 )}
                 MenuProps={MenuProps}