From 891d6c5fa5c9e39be9650f3333276c098a4c399f Mon Sep 17 00:00:00 2001
From: Laura Hausmann <laura@hausmann.dev>
Date: Wed, 18 Oct 2023 01:11:56 +0200
Subject: [PATCH] Add domain to acct display in sidebar

---
 .../glitch/features/compose/components/navigation_bar.jsx  | 2 ++
 .../flavours/glitch/styles/components/drawer.scss          | 7 +++++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/javascript/flavours/glitch/features/compose/components/navigation_bar.jsx b/app/javascript/flavours/glitch/features/compose/components/navigation_bar.jsx
index 988dfd30c..c3e11892c 100644
--- a/app/javascript/flavours/glitch/features/compose/components/navigation_bar.jsx
+++ b/app/javascript/flavours/glitch/features/compose/components/navigation_bar.jsx
@@ -10,6 +10,7 @@ import Permalink from 'flavours/glitch/components/permalink';
 import { profileLink } from 'flavours/glitch/utils/backend_links';
 
 import ActionBar from './action_bar';
+import initialState from 'mastodon/initial_state';
 
 export default class NavigationBar extends ImmutablePureComponent {
 
@@ -30,6 +31,7 @@ export default class NavigationBar extends ImmutablePureComponent {
           <div>{this.props.account.get('display_name')}</div>
           <Permalink className='acct' href={this.props.account.get('url')} to={`/@${this.props.account.get('acct')}`}>
             <strong>@{this.props.account.get('acct')}</strong>
+            <span>@{initialState.meta.domain}</span>
           </Permalink>
         </div>
 
diff --git a/app/javascript/flavours/glitch/styles/components/drawer.scss b/app/javascript/flavours/glitch/styles/components/drawer.scss
index f2fa38fac..c1e207535 100644
--- a/app/javascript/flavours/glitch/styles/components/drawer.scss
+++ b/app/javascript/flavours/glitch/styles/components/drawer.scss
@@ -112,11 +112,14 @@
 
   .acct {
     display: block;
-    color: $secondary-text-color;
-    font-weight: 500;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
+
+    strong {
+      color: $secondary-text-color;
+      font-weight: 500;
+    }
   }
 }