From 45eb73680df81a22cabcbfcf2f1042d7fe461385 Mon Sep 17 00:00:00 2001
From: Timo <hallo@timobusse.de>
Date: Wed, 7 May 2025 08:32:28 +0200
Subject: [PATCH] sidebar-header: updates design

---
 .../app/src/components/Sidebar/SidebarHeader.tsx  | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/pkgs/webview-ui/app/src/components/Sidebar/SidebarHeader.tsx b/pkgs/webview-ui/app/src/components/Sidebar/SidebarHeader.tsx
index 0c4d5457b..530c1ef9b 100644
--- a/pkgs/webview-ui/app/src/components/Sidebar/SidebarHeader.tsx
+++ b/pkgs/webview-ui/app/src/components/Sidebar/SidebarHeader.tsx
@@ -1,7 +1,8 @@
-import { createSignal } from "solid-js";
+import { createSignal, Show } from "solid-js";
 import { Typography } from "@/src/components/Typography";
 import { SidebarFlyout } from "./SidebarFlyout";
 import "./css/sidebar.css";
+import Icon from "../icon";
 
 interface SidebarProps {
   clanName: string;
@@ -53,8 +54,16 @@ export const SidebarHeader = (props: SidebarProps) => {
   return (
     <header class="sidebar__header">
       <div onClick={handleClick} class="sidebar__header__inner">
-        <ClanProfile clanName={props.clanName} showFlyout={showFlyout} />
-        <ClanTitle clanName={props.clanName} />
+        {/* <ClanProfile clanName={props.clanName} showFlyout={showFlyout} /> */}
+        <div class="w-full text-white pl-1">
+          <ClanTitle clanName={props.clanName} />
+        </div>
+        <Show
+          when={showFlyout}
+          fallback={<Icon size={12} class="text-white" icon="CaretDown" />}
+        >
+          <Icon size={12} class="text-white" icon="CaretDown" />
+        </Show>
       </div>
       {showFlyout() && <SidebarFlyout />}
     </header>