From 0a3ea4d406f389f34ac698129859b4a4bdd06b2e Mon Sep 17 00:00:00 2001
From: robertu <4065233+robertu7@users.noreply.github.com>
Date: Mon, 27 Nov 2023 21:10:09 +0800
Subject: [PATCH] feat: add user restriction to user detail page

---
 package-lock.json                             | 322 +++++++++---------
 .../RestrictedUser/DigestList/index.tsx       |   1 +
 src/gql/fragments/user/detail.gql             |   4 +
 src/pages/UserDetail/index.tsx                |  16 +
 4 files changed, 182 insertions(+), 161 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 156d271a..481d703f 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "matters-oss",
-  "version": "0.27.0",
+  "version": "0.28.0",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "matters-oss",
-      "version": "0.27.0",
+      "version": "0.28.0",
       "dependencies": {
         "@ant-design/icons": "^4.2.1",
         "@babel/core": "7.10.5",
@@ -9482,30 +9482,30 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/abbrev": {
       "version": "1.1.1",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/ansi-regex": {
       "version": "2.1.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/aproba": {
       "version": "1.2.0",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/are-we-there-yet": {
       "version": "1.1.5",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "delegates": "^1.0.0",
         "readable-stream": "^2.0.6"
@@ -9513,15 +9513,15 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/balanced-match": {
       "version": "1.0.0",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/brace-expansion": {
       "version": "1.1.11",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "balanced-match": "^1.0.0",
         "concat-map": "0.0.1"
@@ -9529,66 +9529,66 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/chownr": {
       "version": "1.1.3",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/code-point-at": {
       "version": "1.1.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/concat-map": {
       "version": "0.0.1",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/console-control-strings": {
       "version": "1.1.0",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/core-util-is": {
       "version": "1.0.2",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/debug": {
       "version": "3.2.6",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "ms": "^2.1.1"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/deep-extend": {
       "version": "0.6.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=4.0.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/delegates": {
       "version": "1.0.0",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/detect-libc": {
       "version": "1.0.3",
+      "extraneous": true,
       "inBundle": true,
       "license": "Apache-2.0",
-      "optional": true,
       "bin": {
         "detect-libc": "bin/detect-libc.js"
       },
@@ -9598,24 +9598,24 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/fs-minipass": {
       "version": "1.2.7",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "minipass": "^2.6.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/fs.realpath": {
       "version": "1.0.0",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/gauge": {
       "version": "2.7.4",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "aproba": "^1.0.3",
         "console-control-strings": "^1.0.0",
@@ -9629,9 +9629,9 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/glob": {
       "version": "7.1.6",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "fs.realpath": "^1.0.0",
         "inflight": "^1.0.4",
@@ -9649,15 +9649,15 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/has-unicode": {
       "version": "2.0.1",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/iconv-lite": {
       "version": "0.4.24",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "safer-buffer": ">= 2.1.2 < 3"
       },
@@ -9667,18 +9667,18 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/ignore-walk": {
       "version": "3.0.3",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "minimatch": "^3.0.4"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/inflight": {
       "version": "1.0.6",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "once": "^1.3.0",
         "wrappy": "1"
@@ -9686,24 +9686,24 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/inherits": {
       "version": "2.0.4",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/ini": {
       "version": "1.3.5",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "engines": {
         "node": "*"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/is-fullwidth-code-point": {
       "version": "1.0.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "number-is-nan": "^1.0.0"
       },
@@ -9713,15 +9713,15 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/isarray": {
       "version": "1.0.0",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/minimatch": {
       "version": "3.0.4",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "brace-expansion": "^1.1.7"
       },
@@ -9731,15 +9731,15 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/minimist": {
       "version": "0.0.8",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/minipass": {
       "version": "2.9.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "safe-buffer": "^5.1.2",
         "yallist": "^3.0.0"
@@ -9747,18 +9747,18 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/minizlib": {
       "version": "1.3.3",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "minipass": "^2.9.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/mkdirp": {
       "version": "0.5.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "minimist": "0.0.8"
       },
@@ -9768,15 +9768,15 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/ms": {
       "version": "2.1.2",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/needle": {
       "version": "2.4.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "debug": "^3.2.6",
         "iconv-lite": "^0.4.4",
@@ -9791,9 +9791,9 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/node-pre-gyp": {
       "version": "0.14.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "BSD-3-Clause",
-      "optional": true,
       "dependencies": {
         "detect-libc": "^1.0.2",
         "mkdirp": "^0.5.1",
@@ -9812,9 +9812,9 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/nopt": {
       "version": "4.0.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "abbrev": "1",
         "osenv": "^0.1.4"
@@ -9825,24 +9825,24 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/npm-bundled": {
       "version": "1.1.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "npm-normalize-package-bin": "^1.0.1"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/npm-normalize-package-bin": {
       "version": "1.0.1",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/npm-packlist": {
       "version": "1.4.7",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "ignore-walk": "^3.0.1",
         "npm-bundled": "^1.0.1"
@@ -9850,9 +9850,9 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/npmlog": {
       "version": "4.1.2",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "are-we-there-yet": "~1.1.2",
         "console-control-strings": "~1.1.0",
@@ -9862,54 +9862,54 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/number-is-nan": {
       "version": "1.0.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/object-assign": {
       "version": "4.1.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/once": {
       "version": "1.4.0",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "wrappy": "1"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/os-homedir": {
       "version": "1.0.2",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/os-tmpdir": {
       "version": "1.0.2",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/osenv": {
       "version": "0.1.5",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "os-homedir": "^1.0.0",
         "os-tmpdir": "^1.0.0"
@@ -9917,24 +9917,24 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/path-is-absolute": {
       "version": "1.0.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/process-nextick-args": {
       "version": "2.0.1",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/rc": {
       "version": "1.2.8",
+      "extraneous": true,
       "inBundle": true,
       "license": "(BSD-2-Clause OR MIT OR Apache-2.0)",
-      "optional": true,
       "dependencies": {
         "deep-extend": "^0.6.0",
         "ini": "~1.3.0",
@@ -9947,15 +9947,15 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/rc/node_modules/minimist": {
       "version": "1.2.0",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/readable-stream": {
       "version": "2.3.6",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "core-util-is": "~1.0.0",
         "inherits": "~2.0.3",
@@ -9968,9 +9968,9 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/rimraf": {
       "version": "2.7.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "glob": "^7.1.3"
       },
@@ -9980,57 +9980,57 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/safe-buffer": {
       "version": "5.1.2",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/safer-buffer": {
       "version": "2.1.2",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/sax": {
       "version": "1.2.4",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/semver": {
       "version": "5.7.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "bin": {
         "semver": "bin/semver"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/set-blocking": {
       "version": "2.0.0",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/signal-exit": {
       "version": "3.0.2",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/string_decoder": {
       "version": "1.1.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "safe-buffer": "~5.1.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/string-width": {
       "version": "1.0.2",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "code-point-at": "^1.0.0",
         "is-fullwidth-code-point": "^1.0.0",
@@ -10042,9 +10042,9 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/strip-ansi": {
       "version": "3.0.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "dependencies": {
         "ansi-regex": "^2.0.0"
       },
@@ -10054,18 +10054,18 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/strip-json-comments": {
       "version": "2.0.1",
+      "extraneous": true,
       "inBundle": true,
       "license": "MIT",
-      "optional": true,
       "engines": {
         "node": ">=0.10.0"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/tar": {
       "version": "4.4.13",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "chownr": "^1.1.1",
         "fs-minipass": "^1.2.5",
@@ -10081,30 +10081,30 @@
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/util-deprecate": {
       "version": "1.0.2",
+      "extraneous": true,
       "inBundle": true,
-      "license": "MIT",
-      "optional": true
+      "license": "MIT"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/wide-align": {
       "version": "1.1.3",
+      "extraneous": true,
       "inBundle": true,
       "license": "ISC",
-      "optional": true,
       "dependencies": {
         "string-width": "^1.0.2 || 2"
       }
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/wrappy": {
       "version": "1.0.2",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/fsevents/node_modules/yallist": {
       "version": "3.1.1",
+      "extraneous": true,
       "inBundle": true,
-      "license": "ISC",
-      "optional": true
+      "license": "ISC"
     },
     "node_modules/chokidar/node_modules/glob-parent": {
       "version": "3.1.0",
@@ -37950,22 +37950,22 @@
             "abbrev": {
               "version": "1.1.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "ansi-regex": {
               "version": "2.1.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "aproba": {
               "version": "1.2.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "are-we-there-yet": {
               "version": "1.1.5",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "delegates": "^1.0.0",
                 "readable-stream": "^2.0.6"
@@ -37974,12 +37974,12 @@
             "balanced-match": {
               "version": "1.0.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "brace-expansion": {
               "version": "1.1.11",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "balanced-match": "^1.0.0",
                 "concat-map": "0.0.1"
@@ -37988,32 +37988,32 @@
             "chownr": {
               "version": "1.1.3",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "code-point-at": {
               "version": "1.1.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "concat-map": {
               "version": "0.0.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "console-control-strings": {
               "version": "1.1.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "core-util-is": {
               "version": "1.0.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "debug": {
               "version": "3.2.6",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "ms": "^2.1.1"
               }
@@ -38021,22 +38021,22 @@
             "deep-extend": {
               "version": "0.6.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "delegates": {
               "version": "1.0.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "detect-libc": {
               "version": "1.0.3",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "fs-minipass": {
               "version": "1.2.7",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "minipass": "^2.6.0"
               }
@@ -38044,12 +38044,12 @@
             "fs.realpath": {
               "version": "1.0.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "gauge": {
               "version": "2.7.4",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "aproba": "^1.0.3",
                 "console-control-strings": "^1.0.0",
@@ -38064,7 +38064,7 @@
             "glob": {
               "version": "7.1.6",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "fs.realpath": "^1.0.0",
                 "inflight": "^1.0.4",
@@ -38077,12 +38077,12 @@
             "has-unicode": {
               "version": "2.0.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "iconv-lite": {
               "version": "0.4.24",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "safer-buffer": ">= 2.1.2 < 3"
               }
@@ -38090,7 +38090,7 @@
             "ignore-walk": {
               "version": "3.0.3",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "minimatch": "^3.0.4"
               }
@@ -38098,7 +38098,7 @@
             "inflight": {
               "version": "1.0.6",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "once": "^1.3.0",
                 "wrappy": "1"
@@ -38107,17 +38107,17 @@
             "inherits": {
               "version": "2.0.4",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "ini": {
               "version": "1.3.5",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "is-fullwidth-code-point": {
               "version": "1.0.0",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "number-is-nan": "^1.0.0"
               }
@@ -38125,12 +38125,12 @@
             "isarray": {
               "version": "1.0.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "minimatch": {
               "version": "3.0.4",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "brace-expansion": "^1.1.7"
               }
@@ -38138,12 +38138,12 @@
             "minimist": {
               "version": "0.0.8",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "minipass": {
               "version": "2.9.0",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "safe-buffer": "^5.1.2",
                 "yallist": "^3.0.0"
@@ -38152,7 +38152,7 @@
             "minizlib": {
               "version": "1.3.3",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "minipass": "^2.9.0"
               }
@@ -38160,7 +38160,7 @@
             "mkdirp": {
               "version": "0.5.1",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "minimist": "0.0.8"
               }
@@ -38168,12 +38168,12 @@
             "ms": {
               "version": "2.1.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "needle": {
               "version": "2.4.0",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "debug": "^3.2.6",
                 "iconv-lite": "^0.4.4",
@@ -38183,7 +38183,7 @@
             "node-pre-gyp": {
               "version": "0.14.0",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "detect-libc": "^1.0.2",
                 "mkdirp": "^0.5.1",
@@ -38200,7 +38200,7 @@
             "nopt": {
               "version": "4.0.1",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "abbrev": "1",
                 "osenv": "^0.1.4"
@@ -38209,7 +38209,7 @@
             "npm-bundled": {
               "version": "1.1.1",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "npm-normalize-package-bin": "^1.0.1"
               }
@@ -38217,12 +38217,12 @@
             "npm-normalize-package-bin": {
               "version": "1.0.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "npm-packlist": {
               "version": "1.4.7",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "ignore-walk": "^3.0.1",
                 "npm-bundled": "^1.0.1"
@@ -38231,7 +38231,7 @@
             "npmlog": {
               "version": "4.1.2",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "are-we-there-yet": "~1.1.2",
                 "console-control-strings": "~1.1.0",
@@ -38242,17 +38242,17 @@
             "number-is-nan": {
               "version": "1.0.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "object-assign": {
               "version": "4.1.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "once": {
               "version": "1.4.0",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "wrappy": "1"
               }
@@ -38260,17 +38260,17 @@
             "os-homedir": {
               "version": "1.0.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "os-tmpdir": {
               "version": "1.0.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "osenv": {
               "version": "0.1.5",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "os-homedir": "^1.0.0",
                 "os-tmpdir": "^1.0.0"
@@ -38279,17 +38279,17 @@
             "path-is-absolute": {
               "version": "1.0.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "process-nextick-args": {
               "version": "2.0.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "rc": {
               "version": "1.2.8",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "deep-extend": "^0.6.0",
                 "ini": "~1.3.0",
@@ -38300,14 +38300,14 @@
                 "minimist": {
                   "version": "1.2.0",
                   "bundled": true,
-                  "optional": true
+                  "extraneous": true
                 }
               }
             },
             "readable-stream": {
               "version": "2.3.6",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "core-util-is": "~1.0.0",
                 "inherits": "~2.0.3",
@@ -38321,7 +38321,7 @@
             "rimraf": {
               "version": "2.7.1",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "glob": "^7.1.3"
               }
@@ -38329,37 +38329,37 @@
             "safe-buffer": {
               "version": "5.1.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "safer-buffer": {
               "version": "2.1.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "sax": {
               "version": "1.2.4",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "semver": {
               "version": "5.7.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "set-blocking": {
               "version": "2.0.0",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "signal-exit": {
               "version": "3.0.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "string_decoder": {
               "version": "1.1.1",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "safe-buffer": "~5.1.0"
               }
@@ -38367,7 +38367,7 @@
             "string-width": {
               "version": "1.0.2",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "code-point-at": "^1.0.0",
                 "is-fullwidth-code-point": "^1.0.0",
@@ -38377,7 +38377,7 @@
             "strip-ansi": {
               "version": "3.0.1",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "ansi-regex": "^2.0.0"
               }
@@ -38385,12 +38385,12 @@
             "strip-json-comments": {
               "version": "2.0.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "tar": {
               "version": "4.4.13",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "chownr": "^1.1.1",
                 "fs-minipass": "^1.2.5",
@@ -38404,12 +38404,12 @@
             "util-deprecate": {
               "version": "1.0.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "wide-align": {
               "version": "1.1.3",
               "bundled": true,
-              "optional": true,
+              "extraneous": true,
               "requires": {
                 "string-width": "^1.0.2 || 2"
               }
@@ -38417,12 +38417,12 @@
             "wrappy": {
               "version": "1.0.2",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             },
             "yallist": {
               "version": "3.1.1",
               "bundled": true,
-              "optional": true
+              "extraneous": true
             }
           }
         },
diff --git a/src/components/RestrictedUser/DigestList/index.tsx b/src/components/RestrictedUser/DigestList/index.tsx
index 0fb99261..8803a798 100644
--- a/src/components/RestrictedUser/DigestList/index.tsx
+++ b/src/components/RestrictedUser/DigestList/index.tsx
@@ -60,6 +60,7 @@ class RestrictedUserDigestList extends React.Component<
     return (
       <>
         <SetRestrictionButton userId={record.id} restrictions={restrictions} />
+        &nbsp;&nbsp;
         <RemoveAllRestrictionButton
           userId={record.id}
           restrictions={restrictions}
diff --git a/src/gql/fragments/user/detail.gql b/src/gql/fragments/user/detail.gql
index 30a98720..960aad17 100644
--- a/src/gql/fragments/user/detail.gql
+++ b/src/gql/fragments/user/detail.gql
@@ -33,6 +33,10 @@ fragment UserDetail on User {
   }
   oss {
     boost
+    restrictions {
+      type
+      createdAt
+    }
   }
   followers(input: { first: 0 }) {
     ...ConnectionInfo
diff --git a/src/pages/UserDetail/index.tsx b/src/pages/UserDetail/index.tsx
index 35cbac17..3c7b7f57 100644
--- a/src/pages/UserDetail/index.tsx
+++ b/src/pages/UserDetail/index.tsx
@@ -24,6 +24,8 @@ import ToggleUsersBadgeButton from '../../components/BadgedUser/ToggleButton'
 import SetBoost from '../../components/SetBoost'
 import { USER_BADGES } from '../../components/BadgedUser/enums'
 import { USER_BADGE_TYPES } from '../../definitions'
+import SetRestrictionButton from '../../components/RestrictedUser/SetRestriction/setRestrictionButton'
+import RemoveAllRestrictionButton from '../../components/RestrictedUser/SetRestriction/removeAllRestrictionButton'
 
 const { Description } = DescriptionList
 const LanguageMap = {
@@ -62,6 +64,7 @@ class UserDetail extends React.Component<
     }
 
     const { showComments } = this.state
+    const restrictions = user.oss.restrictions.map(({ type }) => type)
 
     const maskAddress = (address: string, prefixLen: number = 6) => {
       return `${address.substring(0, prefixLen)}...${address.substring(
@@ -155,7 +158,20 @@ class UserDetail extends React.Component<
           <Description term="重置加密錢包" col={1}>
             <UserResetWallet id={user.id} ethAddress={user.info.ethAddress} />
           </Description>
+
+          <Description term="黑名單">
+            <SetRestrictionButton
+              userId={user.id}
+              restrictions={restrictions}
+            />
+            &nbsp;&nbsp;
+            <RemoveAllRestrictionButton
+              userId={user.id}
+              restrictions={restrictions}
+            />
+          </Description>
         </DescriptionList>
+
         <Divider size="large" />
 
         <DescriptionList size="large" title="備註">