From 23cc64ad42699a865be4ce8d6406fcb093753435 Mon Sep 17 00:00:00 2001
From: Chad Elliott <elliottc@objectcomputing.com>
Date: Tue, 28 Jan 2025 14:52:41 -0600
Subject: [PATCH 1/2] Display the "Give Kudos" button if the member has
 permission to create kudos.

---
 web-ui/src/components/kudos/PublicKudos.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web-ui/src/components/kudos/PublicKudos.jsx b/web-ui/src/components/kudos/PublicKudos.jsx
index 066fba75dd..dbc3fa5cd2 100644
--- a/web-ui/src/components/kudos/PublicKudos.jsx
+++ b/web-ui/src/components/kudos/PublicKudos.jsx
@@ -2,7 +2,10 @@ import React, { useCallback, useContext, useEffect, useState } from 'react';
 
 import { UPDATE_TOAST } from '../../context/actions';
 import { AppContext } from '../../context/AppContext';
-import { selectCsrfToken } from '../../context/selectors';
+import {
+  selectCsrfToken,
+  selectHasCreateKudosPermission,
+} from '../../context/selectors';
 import { sortKudos } from '../../context/util';
 
 import { getRecentKudos } from '../../api/kudos';
@@ -45,13 +48,13 @@ const PublicKudos = () => {
     <div className="public-kudos">
       <div className="kudos-title">
         <h1>Kudos</h1>
-        <Button
+        {selectHasCreateKudosPermission(state) && <Button
           className="kudos-dialog-open"
           startIcon={<StarIcon />}
           onClick={() => setKudosDialogOpen(true)}
         >
           Give Kudos
-        </Button>
+        </Button>}
       </div>
       <KudosDialog
         open={kudosDialogOpen}

From e08b9d34f63ba7584f138120d8759e45b7ae9751 Mon Sep 17 00:00:00 2001
From: Chad Elliott <elliottc@objectcomputing.com>
Date: Tue, 28 Jan 2025 14:58:05 -0600
Subject: [PATCH 2/2] Updated snapshot

---
 .../__snapshots__/HomePage.test.jsx.snap      | 25 -------------------
 1 file changed, 25 deletions(-)

diff --git a/web-ui/src/pages/__snapshots__/HomePage.test.jsx.snap b/web-ui/src/pages/__snapshots__/HomePage.test.jsx.snap
index a69831db77..bb09244b11 100644
--- a/web-ui/src/pages/__snapshots__/HomePage.test.jsx.snap
+++ b/web-ui/src/pages/__snapshots__/HomePage.test.jsx.snap
@@ -24,31 +24,6 @@ exports[`renders correctly 1`] = `
               <h1>
                 Kudos
               </h1>
-              <button
-                class="MuiButtonBase-root MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary MuiButton-root MuiButton-text MuiButton-textPrimary MuiButton-sizeMedium MuiButton-textSizeMedium MuiButton-colorPrimary kudos-dialog-open css-1e6y48t-MuiButtonBase-root-MuiButton-root"
-                tabindex="0"
-                type="button"
-              >
-                <span
-                  class="MuiButton-icon MuiButton-startIcon MuiButton-iconSizeMedium css-1d6wzja-MuiButton-startIcon"
-                >
-                  <svg
-                    aria-hidden="true"
-                    class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
-                    data-testid="StarIcon"
-                    focusable="false"
-                    viewBox="0 0 24 24"
-                  >
-                    <path
-                      d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
-                    />
-                  </svg>
-                </span>
-                Give Kudos
-                <span
-                  class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
-                />
-              </button>
             </div>
             <div
               class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-3 css-zow5z4-MuiGrid-root"