From e263b627aa11fb89f4b8b98c469aa4d9e2189a8e Mon Sep 17 00:00:00 2001
From: Paul <paulmakles@gmail.com>
Date: Fri, 24 Dec 2021 12:45:28 +0000
Subject: [PATCH] fix(settings): display index header only on mobile and show
 user

---
 src/pages/settings/GenericSettings.tsx | 2 +-
 src/pages/settings/Settings.tsx        | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/pages/settings/GenericSettings.tsx b/src/pages/settings/GenericSettings.tsx
index b6a7527a..a3480b49 100644
--- a/src/pages/settings/GenericSettings.tsx
+++ b/src/pages/settings/GenericSettings.tsx
@@ -134,7 +134,7 @@ export function GenericSettings({
                 <div className={styles.sidebar}>
                     <div className={styles.scrollbox}>
                         <div className={styles.container}>
-                            {indexHeader}
+                            {isTouchscreenDevice && indexHeader}
                             {pages.map((entry, i) =>
                                 entry.hidden ? undefined : (
                                     <>
diff --git a/src/pages/settings/Settings.tsx b/src/pages/settings/Settings.tsx
index fc5caac0..8e914055 100644
--- a/src/pages/settings/Settings.tsx
+++ b/src/pages/settings/Settings.tsx
@@ -33,6 +33,7 @@ import RequiresOnline from "../../context/revoltjs/RequiresOnline";
 import { AppContext, LogOutContext } from "../../context/revoltjs/RevoltClient";
 
 import UserIcon from "../../components/common/user/UserIcon";
+import { Username } from "../../components/common/user/UserShort";
 import LineDivider from "../../components/ui/LineDivider";
 
 import ButtonItem from "../../components/navigation/items/ButtonItem";
@@ -270,8 +271,8 @@ export default observer(() => {
             }
             indexHeader={
                 <IndexHeader>
-                    <UserIcon size={64} />
-                    Username
+                    <UserIcon size={64} target={client.user!} />
+                    <Username user={client.user!} prefixAt />
                 </IndexHeader>
             }
         />