diff --git a/packages/desktop-client/src/components/settings/ThemeInstaller.tsx b/packages/desktop-client/src/components/settings/ThemeInstaller.tsx index 695420770b..3943459377 100644 --- a/packages/desktop-client/src/components/settings/ThemeInstaller.tsx +++ b/packages/desktop-client/src/components/settings/ThemeInstaller.tsx @@ -246,7 +246,9 @@ export function ThemeInstaller({ return null; } - const catalogItems = catalog ?? []; + const catalogItems = [...(catalog ?? [])].sort((a, b) => + a.name.localeCompare(b.name), + ); const itemsPerRow = getItemsPerRow(width); const rows: CatalogTheme[][] = []; for (let i = 0; i < catalogItems.length; i += itemsPerRow) { diff --git a/upcoming-release-notes/7144.md b/upcoming-release-notes/7144.md new file mode 100644 index 0000000000..60b4eb8119 --- /dev/null +++ b/upcoming-release-notes/7144.md @@ -0,0 +1,6 @@ +--- +category: Enhancements +authors: [MatissJanis] +--- + +Sort theme catalog items alphabetically by name for improved user interface organization.