feat: make blocked user and deleted content lighter

cofacts · Jun 10, 2024 · df4909e · df4909e
1 parent 4145a7b
commit df4909e
Show file tree

Hide file tree

Showing 3 changed files with 323 additions and 24 deletions.
diff --git a/src/pages/EditorWorks/ReplyTable.graphql b/src/pages/EditorWorks/ReplyTable.graphql
@@ -25,8 +25,12 @@ query ReplyListInReplyTable($after: String, $pageSize: Int, $createdAt: TimeRang
         user {
           id
           name
+          blockedReason
         }
         createdAt
+        articleReplies {
+          status
+        }
       }
     }
   }

diff --git a/src/pages/EditorWorks/ReplyTable.tsx b/src/pages/EditorWorks/ReplyTable.tsx
@@ -30,6 +30,10 @@ const TextCell = styled('div')({
   '-webkit-line-clamp': 3,
 });
 
+const Blocked = styled('del')(({ theme }) => ({
+  color: theme.palette.grey[300],
+}));
+
 const COLUMNS: GridColDef[] = [
   {
     field: 'author',
@@ -40,14 +44,19 @@ const COLUMNS: GridColDef[] = [
       if (!user) return <div />;
       return (
         <RRLink
+          style={{ textDecoration: 'none' }}
           to={`?${getSearchString({
             workType: WorkType.REPLY,
             day: 7,
             userId: user.id,
             showAll: true,
           })}`}
         >
-          {user.name}
+          {!user.blockedReason ? (
+            user.name
+          ) : (
+            <Blocked title={user.blockedReason}>{user.name}</Blocked>
+          )}
         </RRLink>
       );
     },
@@ -59,15 +68,21 @@ const COLUMNS: GridColDef[] = [
     renderCell(params) {
       const text = params.getValue(params.id, 'text');
       const replyId = params.getValue(params.id, 'id');
+      const { status } = params.getValue(params.id, 'articleReplies')[0] || {};
       if (!replyId || !text) return <div />;
       return (
         <TextCell>
           <Link
+            style={{ textDecoration: 'none' }}
             href={`${process.env.REACT_APP_SITE_URL}/reply/${replyId}`}
             color="textPrimary"
             variant="body2"
           >
-            {text}
+            {status === 'NORMAL' ? (
+              text
+            ) : (
+              <Blocked title={status}>{text}</Blocked>
+            )}
           </Link>
         </TextCell>
       );