refac

src/lib/components/common/Folder.svelte

@@ -16,6 +16,7 @@
 	export let name = '';
 	export let collapsible = true;
 
+	export let chevron = true;
 	export let onAddLabel: string = '';
 	export let onAdd: null | Function = null;
 
@@ -140,13 +141,15 @@
 				class="w-full group rounded-md relative flex items-center justify-between hover:bg-gray-100 dark:hover:bg-gray-900 text-gray-500 dark:text-gray-500 transition"
 			>
 				<button class="w-full py-1.5 pl-2 flex items-center gap-1.5 text-xs font-medium">
-					<div class="text-gray-300 dark:text-gray-600">
-						{#if open}
-							<ChevronDown className=" size-3" strokeWidth="2.5" />
-						{:else}
-							<ChevronRight className=" size-3" strokeWidth="2.5" />
-						{/if}
-					</div>
+					{#if chevron}
+						<div class="text-gray-300 dark:text-gray-600">
+							{#if open}
+								<ChevronDown className=" size-3" strokeWidth="2.5" />
+							{:else}
+								<ChevronRight className=" size-3" strokeWidth="2.5" />
+							{/if}
+						</div>
+					{/if}
 
 					<div class="translate-y-[0.5px]">
 						{name}

src/lib/components/layout/Sidebar.svelte

@@ -847,6 +847,7 @@
 					<Folder
 						className="px-2 mt-0.5"
 						name={$i18n.t('Channels')}
+						chevron={false}
 						dragAndDrop={false}
 						onAdd={async () => {
 							if ($user?.role === 'admin') {
@@ -873,6 +874,7 @@
 				<Folder
 					className="px-2 mt-0.5"
 					name={$i18n.t('Chats')}
+					chevron={false}
 					onAdd={() => {
 						showCreateFolderModal = true;
 					}}