From 89dcbd5a201f830812e49ed5d8e37c00d16b838b Mon Sep 17 00:00:00 2001
From: f0x52 <f0x@cthu.lu>
Date: Sat, 13 May 2023 12:17:22 +0200
Subject: [frontend] Basic user moderation actions (#1728)

* remove info banner

* update swagger definition for AccountAction

* basic user view, suspend action

* clean up suspended user display

* basic user searching

* rename User -> Account for clarity

* refactor error boundary component to give better info

* appease the linter
---
 web/source/settings/components/error.jsx        | 14 ++++++++------
 web/source/settings/components/fake-profile.jsx |  8 ++++----
 2 files changed, 12 insertions(+), 10 deletions(-)

(limited to 'web/source/settings/components')

diff --git a/web/source/settings/components/error.jsx b/web/source/settings/components/error.jsx
index 7f718b3f5..283083481 100644
--- a/web/source/settings/components/error.jsx
+++ b/web/source/settings/components/error.jsx
@@ -31,12 +31,14 @@ function ErrorFallback({ error, resetErrorBoundary }) {
 				<a href="https://matrix.to/#/#gotosocial-help:superseriousbusiness.org">Matrix support room</a>.
 				<br />Include the details below:
 			</p>
-			<pre>
-				{error.name}: {error.message}
-			</pre>
-			<pre>
-				{error.stack}
-			</pre>
+			<div className="details">
+				<pre>
+					{error.name}: {error.message}
+				</pre>
+				<pre>
+					{error.stack}
+				</pre>
+			</div>
 			<p>
 				<button onClick={resetErrorBoundary}>Try again</button> or <a href="">refresh the page</a>
 			</p>
diff --git a/web/source/settings/components/fake-profile.jsx b/web/source/settings/components/fake-profile.jsx
index 5f00cd6d8..04424a5ed 100644
--- a/web/source/settings/components/fake-profile.jsx
+++ b/web/source/settings/components/fake-profile.jsx
@@ -29,7 +29,7 @@ module.exports = function FakeProfile({ avatar, header, display_name, username,
 					<img src={header} alt={header ? `header image for ${username}` : "None set"} />
 				</div>
 				<div className="basic-info" aria-hidden="true">
-					<a className="avatar" href="{{.account.Avatar}}">
+					<a className="avatar" href={avatar}>
 						<img src={avatar} alt={avatar ? `avatar image for ${username}` : "None set"} />
 					</a>
 					<span className="displayname text-cutoff">
@@ -37,9 +37,9 @@ module.exports = function FakeProfile({ avatar, header, display_name, username,
 						<span className="sr-only">.</span>
 					</span>
 					<span className="username text-cutoff">@{username}</span>
-					{(role && role != "user") &&
-						<div className={`role ${role}`}>
-							<span className="sr-only">Role: </span>{role}
+					{(role && role.name != "user") &&
+						<div className={`role ${role.name}`}>
+							<span className="sr-only">Role: </span>{role.name}
 						</div>
 					}
 				</div>
-- 
cgit v1.2.3