[chore] Refactor settings panel routing (and other fixes) (#2864)

2 files changed, 8 insertions, 10 deletions

diff --git a/web/source/settings/components/account-list.tsx b/web/source/settings/components/account-list.tsx
index 4df05c046..c4420b5bc 100644
--- a/web/source/settings/components/account-list.tsx
+++ b/web/source/settings/components/account-list.tsx
@@ -64,11 +64,11 @@ export function AccountList({
 
 	return (
 		<div className="list">
-			{data.map(({ account: acc }) => (		
+			{data.map(({ account: acc }) => (
 				<Link
 					key={acc.acct}
 					className="account entry"
-					href={`/settings/admin/accounts/${acc.id}`}
+					href={`/${acc.id}`}
 				>
 					{acc.display_name?.length > 0
 						? acc.display_name
@@ -79,4 +79,4 @@ export function AccountList({
 			))}
 		</div>
 	);
-}
\ No newline at end of file
+}
diff --git a/web/source/settings/components/back-button.jsx b/web/source/settings/components/back-button.jsx
index 05306e2ea..bf9038b2b 100644
--- a/web/source/settings/components/back-button.jsx
+++ b/web/source/settings/components/back-button.jsx
@@ -17,13 +17,11 @@
 	along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
 
-const React = require("react");
-const { Link } = require("wouter");
+import React from "react";
+import { Link } from "wouter";
 
-module.exports = function BackButton({ to }) {
+export default function BackButton({ to }) {
 	return (
-		<Link to={to}>
-			<a className="button">&lt; back</a>
-		</Link>
+		<Link className="button" to={to}>&lt; back</Link>
 	);
-};
\ No newline at end of file
+}