fix(ReplyRequestReason): show author of reply request

components/ReplyRequestReason/ReplyRequestReason.js

@@ -1,10 +1,12 @@
 import React from 'react';
+import { t } from 'ttag';
 import gql from 'graphql-tag';
 import PropTypes from 'prop-types';
 import { useMutation } from '@apollo/react-hooks';
 import { makeStyles } from '@material-ui/core/styles';
 import { Box, Button } from '@material-ui/core';
 import TimeInfo from 'components/Infos/TimeInfo';
+import { ProfileTooltip } from 'components/ProfileLink';
 
 import { ThumbUpIcon, ThumbDownIcon } from 'components/icons';
 import Avatar from 'components/AppLayout/Widgets/Avatar';
@@ -118,14 +120,20 @@ function ReplyRequestReason({ replyRequest, articleId }) {
 
   const isOwnReplyRequest = user && currentUser && user.id === currentUser.id;
 
+  const authorElem = (
+    <ProfileTooltip key="editor" user={user}>
+      <span>{user?.name || t`Someone`}</span>
+    </ProfileTooltip>
+  );
+
   return (
     <div className={classes.root}>
       <Box color="primary.main" pr={2}>
         <Avatar user={user} size={40} />
       </Box>
       <Box flex={1} className={classes.reasonBody}>
         <Box className={classes.header}>
-          <p className={classes.user}>{user.id}</p>
+          <p className={classes.user}>{authorElem}</p>
           <TimeInfo time={replyRequest.updatedAt} />
         </Box>
         <p className={classes.reason}>{replyRequestReason}</p>