Browse Source

feat(feedback): render assigned user in list item (#59134)

https://github.com/getsentry/sentry/assets/56095982/e4a78d80-2183-4a4d-b230-2ac3a608dd93



<img width="471" alt="SCR-20231101-nkqk"
src="https://github.com/getsentry/sentry/assets/56095982/29779aba-a984-4696-a339-7ab4d3647996">
Michelle Zhang 1 year ago
parent
commit
d417de4a68
1 changed files with 7 additions and 1 deletions
  1. 7 1
      static/app/components/feedback/list/feedbackListItem.tsx

+ 7 - 1
static/app/components/feedback/list/feedbackListItem.tsx

@@ -2,6 +2,7 @@ import {CSSProperties, forwardRef} from 'react';
 import {browserHistory} from 'react-router';
 import styled from '@emotion/styled';
 
+import ActorAvatar from 'sentry/components/avatar/actorAvatar';
 import ProjectAvatar from 'sentry/components/avatar/projectAvatar';
 import Checkbox from 'sentry/components/checkbox';
 import FeedbackItemUsername from 'sentry/components/feedback/feedbackItem/feedbackItemUsername';
@@ -90,6 +91,11 @@ const FeedbackListItem = forwardRef<HTMLDivElement, Props>(
           <div style={{gridArea: 'message'}}>
             <TextOverflow>{feedbackItem.metadata.message}</TextOverflow>
           </div>
+          <div style={{gridArea: 'assigned', display: 'flex', justifyContent: 'end'}}>
+            {feedbackItem.assignedTo ? (
+              <ActorAvatar actor={feedbackItem.assignedTo} size={16} />
+            ) : null}
+          </div>
           <Flex style={{gridArea: 'icons'}} gap={space(1)} align="center">
             <Flex align="center" gap={space(0.5)}>
               <ProjectAvatar project={feedbackItem.project} size={12} />
@@ -133,7 +139,7 @@ const LinkedFeedbackCard = styled(Link)`
   grid-template-areas:
     'checkbox user time'
     'unread message message'
-    'right icons icons';
+    'right icons assigned';
   gap: ${space(1)};
   place-items: stretch;
   align-items: center;