2024-11-11 - search and add-new external-recip

Author: Luch76

web-ui/src/components/feedback_external_recipient_card/__snapshots__/FeedbackExternalRecipientCard.test.jsx.snap

@@ -12,26 +12,39 @@ exports[`renders the recipient card 1`] = `
         class="MuiCardHeader-root FeedbackExternalRecipientCard-header css-185gdzj-MuiCardHeader-root"
       >
         <div
-          class="MuiCardHeader-avatar css-1ssile9-MuiCardHeader-avatar"
+          class="MuiCardHeader-content css-1qbkelo-MuiCardHeader-content"
         >
-          <div
-            class="MuiAvatar-root MuiAvatar-circular large css-1wlk0hk-MuiAvatar-root"
+          <h2
+            class="MuiTypography-root MuiTypography-h5 css-ag7rrr-MuiTypography-root"
           >
-            <img
-              class="MuiAvatar-img css-1pqm26d-MuiAvatar-img"
-              src="http://localhost:8080/services/member-profiles/member-photos/undefined"
-            />
-          </div>
+             
+          </h2>
         </div>
         <div
-          class="MuiCardHeader-content css-1qbkelo-MuiCardHeader-content"
+          class="MuiCardHeader-action css-sgoict-MuiCardHeader-action"
         >
-          <h2
-            class="MuiTypography-root MuiTypography-h5 css-ag7rrr-MuiTypography-root"
-          />
-          <h3
-            class="MuiTypography-root MuiTypography-body1 css-1pnmrwp-MuiTypography-root"
-          />
+          <button
+            aria-label="Inactivate"
+            class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
+            data-mui-internal-clone-element="true"
+            tabindex="0"
+            type="button"
+          >
+            <svg
+              aria-hidden="true"
+              class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+              data-testid="CloseIcon"
+              focusable="false"
+              viewBox="0 0 24 24"
+            >
+              <path
+                d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
+              />
+            </svg>
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
         </div>
       </div>
       <div
@@ -49,11 +62,7 @@ exports[`renders the recipient card 1`] = `
               target="_blank"
             />
             <br />
-            Location: 
-            <br />
-            Supervisor: 
-            <br />
-            PDL: 
+            Company: 
             <br />
           </p>
         </div>

web-ui/src/components/feedback_external_recipient_selector/__snapshots__/FeedbackExternalRecipientSelector.test.jsx.snap

@@ -20,7 +20,7 @@ exports[`FeedbackExternalRecipientSelector > renders the component 1`] = `
             for=":r0:"
             id=":r0:-label"
           >
-            Search employees...
+            Search external recipients...
           </label>
           <div
             class="MuiInputBase-root MuiOutlinedInput-root MuiInputBase-colorPrimary MuiInputBase-formControl MuiInputBase-adornedStart css-1q6at85-MuiInputBase-root-MuiOutlinedInput-root"
@@ -49,7 +49,7 @@ exports[`FeedbackExternalRecipientSelector > renders the component 1`] = `
               aria-invalid="false"
               class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart css-1o9s3wi-MuiInputBase-input-MuiOutlinedInput-input"
               id=":r0:"
-              placeholder="Member Name"
+              placeholder="Recipient Name"
               type="text"
               value=""
             />
@@ -61,12 +61,40 @@ exports[`FeedbackExternalRecipientSelector > renders the component 1`] = `
                 class="css-14lo706"
               >
                 <span>
-                  Search employees...
+                  Search external recipients...
                 </span>
               </legend>
             </fieldset>
           </div>
         </div>
+        <div
+          class="new-recipient-button"
+        >
+          <button
+            class="MuiButtonBase-root MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-contained MuiButton-containedPrimary MuiButton-sizeMedium MuiButton-containedSizeMedium MuiButton-colorPrimary css-sghohy-MuiButtonBase-root-MuiButton-root"
+            tabindex="0"
+            type="button"
+          >
+            New External Recipient
+            <span
+              class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
+            />
+          </button>
+          <svg
+            aria-hidden="true"
+            aria-label="Create a new external recipient"
+            class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
+            data-mui-internal-clone-element="true"
+            data-testid="HelpOutlineIcon"
+            focusable="false"
+            style="color: gray; margin-left: 10px;"
+            viewBox="0 0 24 24"
+          >
+            <path
+              d="M11 18h2v-2h-2zm1-16C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8m0-14c-2.21 0-4 1.79-4 4h2c0-1.1.9-2 2-2s2 .9 2 2c0 2-3 1.75-3 5h2c0-2.25 3-2.5 3-5 0-2.21-1.79-4-4-4"
+            />
+          </svg>
+        </div>
       </div>
     </div>
     <div
@@ -77,7 +105,7 @@ exports[`FeedbackExternalRecipientSelector > renders the component 1`] = `
         style="font-weight: bold; color: rgb(69, 69, 69); margin-bottom: 1em;"
       >
         0
-         external recipient
+         recipient
         s
          selected
       </h5>