change: SD-598 - Ticket page small refresh (#10054)

* change: SD-598 - Ticket page refresh * Added changeset: Updated user title and emote icons on Support Ticket page * fix unit test --------- Co-authored-by: nidillon <nidillon@linode.com> Co-authored-by: Dajahi Wiley <dwiley@linode.com> Co-authored-by: Banks Nussman <banks@nussman.us>
linode · Jan 12, 2024 · c538a2a · c538a2a
1 parent 5352471
commit c538a2a
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 10 deletions.
diff --git a/packages/manager/.changeset/pr-10054-changed-1704991179381.md b/packages/manager/.changeset/pr-10054-changed-1704991179381.md
@@ -0,0 +1,5 @@
+---
+"@linode/manager": Changed
+---
+
+Updated user title and emote icons on Support Ticket page ([#10054](https://github.com/linode/manager/pull/10054))
diff --git a/packages/manager/src/features/Support/ExpandableTicketPanel.test.tsx b/packages/manager/src/features/Support/ExpandableTicketPanel.test.tsx
@@ -26,12 +26,12 @@ const props = {
 
 describe('Expandable ticket panel', () => {
   describe('Panel component', () => {
-    it('should display "Linode Expert" if the ticket or reply has from_linode', () => {
+    it('should display "Customer Support" if the ticket or reply has from_linode', () => {
       renderWithTheme(<ExpandableTicketPanel {...props} />);
-      expect(screen.getByText('Linode Expert')).toBeInTheDocument();
+      expect(screen.getByText('Customer Support')).toBeInTheDocument();
     });
 
-    it('should not display "Linode Expert" if the reply is from the Linode account', () => {
+    it('should not display "Customer Support" if the reply is from the Linode account', () => {
       const replyFromLinode = {
         ...supportReplyFactory.build({
           created_by: 'Linode',
@@ -42,10 +42,10 @@ describe('Expandable ticket panel', () => {
       renderWithTheme(
         <ExpandableTicketPanel {...props} reply={replyFromLinode} />
       );
-      expect(screen.queryByText('Linode Expert')).toBeNull();
+      expect(screen.queryByText('Customer Support')).toBeNull();
     });
 
-    it('should not display "Linode Expert" if the reply is from the Linode Trust & Safety account', () => {
+    it('should not display "Customer Support" if the reply is from the Linode Trust & Safety account', () => {
       const replyFromLinode = {
         ...supportReplyFactory.build({
           created_by: 'Linode Trust & Safety',
@@ -56,7 +56,7 @@ describe('Expandable ticket panel', () => {
       renderWithTheme(
         <ExpandableTicketPanel {...props} reply={replyFromLinode} />
       );
-      expect(screen.queryByText('Linode Expert')).toBeNull();
+      expect(screen.queryByText('Customer Support')).toBeNull();
     });
   });
   describe('shouldRenderHively function', () => {

diff --git a/packages/manager/src/features/Support/ExpandableTicketPanel.tsx b/packages/manager/src/features/Support/ExpandableTicketPanel.tsx
@@ -175,7 +175,7 @@ export const ExpandableTicketPanel = React.memo((props: Props) => {
                 component="span"
                 variant="body1"
               >
-                <em>Linode Expert</em>
+                <em>Customer Support</em>
               </Typography>
             ) : null}
             <Typography component="span" variant="body1">

diff --git a/packages/manager/src/features/Support/Hively.tsx b/packages/manager/src/features/Support/Hively.tsx
@@ -69,7 +69,7 @@ export const Hively = (props: Props) => {
         >
           <img
             src={
-              'https://secure.teamhively.com/system/smileys/icons/000/000/541/px_25/icon_positive.png'
+              'https://secure.teamhively.com/system/smileys/icons/000/000/841/px_25/Happy_square_gradient_icon.png?1704911301'
             }
             alt="Happy face emoji"
           />
@@ -82,7 +82,7 @@ export const Hively = (props: Props) => {
         >
           <img
             src={
-              'https://secure.teamhively.com/system/smileys/icons/000/000/542/px_25/icon_indifferent.png'
+              'https://secure.teamhively.com/system/smileys/icons/000/000/842/px_25/Neutral_square_gradient_icon.png?1704911301'
             }
             alt="Indifferent face emoji"
           />
@@ -95,7 +95,7 @@ export const Hively = (props: Props) => {
         >
           <img
             src={
-              'https://secure.teamhively.com/system/smileys/icons/000/000/543/px_25/icon_negative.png'
+              'https://secure.teamhively.com/system/smileys/icons/000/000/843/px_25/Unhappy_square_gradient_icon.png?1704911301'
             }
             alt="Sad Face emoji"
           />