refactor: remove redundant far-left [S][@] selector

ServerBar already has [@] at the top and server icons below.
The far-left w-16 div was a duplicate layer. ServerBar now
navigates on server/DM clicks.
This commit is contained in:
2026-07-02 09:02:40 -04:00
parent 5462f74d03
commit 9ee7b9e587
2 changed files with 14 additions and 40 deletions
-30
View File
@@ -34,12 +34,10 @@ export function Layout() {
const updateProfile = useAuthStore((state) => state.updateProfile);
const wsConnect = useWebSocketStore((s) => s.connect);
const wsDisconnect = useWebSocketStore((s) => s.disconnect);
const setActiveServer = useServerStore((s) => s.setActiveServer);
const navigate = useNavigate();
const location = useLocation();
const [showStatusMenu, setShowStatusMenu] = useState(false);
const isDM = useLayoutStore((s) => s.isDM);
const setDM = useLayoutStore((s) => s.setDM);
const [showServerSettings, setShowServerSettings] = useState(false);
const activeServerId = useServerStore((s) => s.activeServerId);
useEffect(() => {
@@ -118,34 +116,6 @@ export function Layout() {
</div>
</div>
<div className="flex-1 flex min-h-0">
<div className="flex flex-col items-center w-16 bg-gb-bg-h border-r border-gb-bg-t py-2 gap-2 shrink-0">
<button
onClick={() => { setDM(false); navigate('/'); }}
className={`w-11 h-11 flex items-center justify-center font-mono text-xs border rounded ${
!isDM
? 'bg-gb-bg-t text-gb-orange border-gb-orange'
: 'bg-gb-bg-s text-gb-fg border-gb-bg-t hover:border-gb-fg-t'
}`}
title="Servers"
>
[S]
</button>
<button
onClick={() => {
setDM(true);
setActiveServer(null);
navigate('/dm');
}}
className={`w-11 h-11 flex items-center justify-center font-mono text-xs border rounded ${
isDM
? 'bg-gb-bg-t text-gb-orange border-gb-orange'
: 'bg-gb-bg-s text-gb-fg border-gb-bg-t hover:border-gb-fg-t'
}`}
title="Direct Messages"
>
[@]
</button>
</div>
<ServerBar />
{isDM ? <ConversationList /> : <ChannelList />}
<div className="flex-1 min-w-0 flex flex-col">