From 9105590e27fc0f67d9604e71f43d69db2a0e630d Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Sun, 12 May 2024 12:31:49 +0200
Subject: [PATCH] feat: Sidebar adjustments

---
 desktop/src/ui/components/Sidebar.tsx        | 2 +-
 desktop/src/ui/pages/cluster/ClusterMods.tsx | 2 +-
 desktop/src/ui/pages/cluster/ClusterRoot.tsx | 9 ++++++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/desktop/src/ui/components/Sidebar.tsx b/desktop/src/ui/components/Sidebar.tsx
index d0550e6b..82a140a3 100644
--- a/desktop/src/ui/components/Sidebar.tsx
+++ b/desktop/src/ui/components/Sidebar.tsx
@@ -41,7 +41,7 @@ function Sidebar(props: SidebarProps) {
 				{section => (
 					<div class="flex flex-col gap-y-2">
 						<div>
-							<h3 class="text-fg-secondary text-xs font-medium ml-1.5 m-1">{section.toUpperCase()}</h3>
+							<h3 class="text-fg-secondary text-xs font-medium m-1.5 mt-5">{section.toUpperCase()}</h3>
 							<div class="flex flex-col gap-y-1 fill-fg-primary text-fg-primary font-medium">
 								<For each={props.links[section]}>
 									{link => (
diff --git a/desktop/src/ui/pages/cluster/ClusterMods.tsx b/desktop/src/ui/pages/cluster/ClusterMods.tsx
index d685478d..9c7f4252 100644
--- a/desktop/src/ui/pages/cluster/ClusterMods.tsx
+++ b/desktop/src/ui/pages/cluster/ClusterMods.tsx
@@ -1,7 +1,7 @@
 function ClusterMods() {
 	return (
 		<div>
-			<h1>This is the Mods page</h1>
+			<h1>Mods</h1>
 		</div>
 	);
 }
diff --git a/desktop/src/ui/pages/cluster/ClusterRoot.tsx b/desktop/src/ui/pages/cluster/ClusterRoot.tsx
index 41254d84..bec4b236 100644
--- a/desktop/src/ui/pages/cluster/ClusterRoot.tsx
+++ b/desktop/src/ui/pages/cluster/ClusterRoot.tsx
@@ -1,6 +1,6 @@
 import { useSearchParams } from '@solidjs/router';
 import type { ParentProps } from 'solid-js';
-import { EyeIcon, File06Icon, PackagePlusIcon } from '@untitled-theme/icons-solid';
+import { EyeIcon, File06Icon, Globe04Icon, Image03Icon, PackagePlusIcon, Settings04Icon, Tool02Icon, User01Icon } from '@untitled-theme/icons-solid';
 import Sidebar from '../../components/Sidebar';
 import AnimatedRoutes from '../../components/AnimatedRoutes';
 import ErrorBoundary from '../../components/ErrorBoundary';
@@ -17,9 +17,16 @@ function ClusterRoot(props: ParentProps) {
 					links={{
 						Cluster: [
 							[<EyeIcon />, 'Overview', '/'],
+							// [<User01Icon />, 'Accounts', '/users'],
 							[<PackagePlusIcon />, 'Mods', '/mods'],
+							[<Image03Icon />, 'Screenshots', '/screenshots'],
+							[<Globe04Icon />, 'Worlds', '/worlds'],
 							[<File06Icon />, 'Logs', '/logs'],
 						],
+						Settings: [
+							[<Tool02Icon />, 'Java', '/java'],
+							[<Settings04Icon />, 'Miscellaneous', '/misc'],
+						],
 					}}
 				/>
 			</div>