From 4f9e588494b9c727951473528fa86544105baf9e Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Fri, 7 Mar 2025 11:51:04 +0000
Subject: [PATCH] sort workspace list

---
 .../src/ee/components/joined-workspaces.tsx   | 54 ++++++++++---------
 1 file changed, 28 insertions(+), 26 deletions(-)

diff --git a/apps/client/src/ee/components/joined-workspaces.tsx b/apps/client/src/ee/components/joined-workspaces.tsx
index 7129aa00..4029a501 100644
--- a/apps/client/src/ee/components/joined-workspaces.tsx
+++ b/apps/client/src/ee/components/joined-workspaces.tsx
@@ -15,35 +15,37 @@ export default function JoinedWorkspaces() {
 
   return (
     <>
-      {data.map((workspace: Partial<IWorkspace>, index) => (
-        <UnstyledButton
-          key={index}
-          component={Link}
-          to={getHostnameUrl(workspace?.hostname) + "/home"}
-          className={classes.workspace}
-        >
-          <Group wrap="nowrap">
-            <CustomAvatar
-              avatarUrl={workspace?.logo}
-              name={workspace?.name}
-              variant="filled"
-              size="md"
-            />
+      {data
+        .sort((a, b) => a.name.localeCompare(b.name))
+        .map((workspace: Partial<IWorkspace>, index) => (
+          <UnstyledButton
+            key={index}
+            component={Link}
+            to={getHostnameUrl(workspace?.hostname) + "/home"}
+            className={classes.workspace}
+          >
+            <Group wrap="nowrap">
+              <CustomAvatar
+                avatarUrl={workspace?.logo}
+                name={workspace?.name}
+                variant="filled"
+                size="md"
+              />
 
-            <div style={{ flex: 1 }}>
-              <Text size="sm" fw={500} lineClamp={1}>
-                {workspace?.name}
-              </Text>
+              <div style={{ flex: 1 }}>
+                <Text size="sm" fw={500} lineClamp={1}>
+                  {workspace?.name}
+                </Text>
 
-              <Text c="dimmed" size="sm">
-                {getHostnameUrl(workspace?.hostname)?.split("//")[1]}
-              </Text>
-            </div>
+                <Text c="dimmed" size="sm">
+                  {getHostnameUrl(workspace?.hostname)?.split("//")[1]}
+                </Text>
+              </div>
 
-            <IconChevronRight size={16} />
-          </Group>
-        </UnstyledButton>
-      ))}
+              <IconChevronRight size={16} />
+            </Group>
+          </UnstyledButton>
+        ))}
     </>
   );
 }