From 23bae5550cd319dc2192e46b37b58c75ffd2f981 Mon Sep 17 00:00:00 2001
From: MrOrz <johnsonliang7@gmail.com>
Date: Mon, 22 Jul 2024 02:34:04 +0800
Subject: [PATCH] feat(ReplyRequestReason): adjust time info style

---
 components/ReplyRequestReason/ReplyRequestReason.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/components/ReplyRequestReason/ReplyRequestReason.js b/components/ReplyRequestReason/ReplyRequestReason.js
index 609daa69..f7fbe517 100644
--- a/components/ReplyRequestReason/ReplyRequestReason.js
+++ b/components/ReplyRequestReason/ReplyRequestReason.js
@@ -38,6 +38,9 @@ const useStyles = makeStyles(theme => ({
   reason: {
     marginTop: 0,
   },
+  time: {
+    color: theme.palette.secondary[200],
+  },
   vote: {
     borderRadius: 45,
     marginRight: 3,
@@ -134,7 +137,9 @@ function ReplyRequestReason({ replyRequest, articleId }) {
       <Box flex={1} className={classes.reasonBody}>
         <Box className={classes.header}>
           <p className={classes.user}>{authorElem}</p>
-          <TimeInfo time={replyRequest.updatedAt} />
+          <TimeInfo time={replyRequest.updatedAt}>
+            {str => <span className={classes.time}>{str}</span>}
+          </TimeInfo>
         </Box>
         <p className={classes.reason}>{replyRequestReason}</p>
         <Box display="flex" justifyContent="space-between">