fix: sort products by displayName (#334)

Signed-off-by: JounQin <admin@1stg.me>

Author: JounQin

.changeset/spotty-items-train.md

@@ -0,0 +1,5 @@
+---
+"@alauda/doom": patch
+---
+
+fix: sort products by displayName

packages/doom/src/theme/Breadcrumb/index.tsx

@@ -96,22 +96,28 @@ export const BreadCrumb = () => {
 
       const buildInfoGroups: BuildInfoGroup[] = []
       for (const [base, items] of Object.entries(rawBuildInfo)) {
-        const id = base
-          .replace('alauda-build-of-', '')
-          .replace('alauda-', '')[0]
-        let group = buildInfoGroups.find((g) => g.id === id)
-        if (!group) {
-          group = { id, items: [] }
-          buildInfoGroups.push(group)
-        }
+        let buildInfo: BuildInfoItem | undefined
         if (isBuildInfoItem(items)) {
-          group.items.push(items)
+          buildInfo = items
         } else {
           const latest = Object.values(items).at(-1)
           if (latest) {
-            group.items.push(latest)
+            buildInfo = latest
           }
         }
+        if (!buildInfo) {
+          continue
+        }
+        const id = (buildInfo.displayName?.en || base)
+          .toLowerCase()
+          .replace(/^alauda[\s-]+/, '')
+          .replace(/^build[\s-]+of[\s-]+/, '')[0]
+        let group = buildInfoGroups.find((g) => g.id === id)
+        if (!group) {
+          group = { id, items: [] }
+          buildInfoGroups.push(group)
+        }
+        group.items.push(buildInfo)
       }
       setBuildInfoGroups(
         buildInfoGroups.sort((a, b) => a.id.localeCompare(b.id)),

packages/doom/styles/products.module.scss

@@ -5,19 +5,15 @@ body:has(.container) :global {
 }
 
 .container {
-  column-count: 5;
+  column-count: 3;
   column-gap: 1lh;
 
-  @media (max-width: 1366px) {
-    column-count: 4;
-  }
-
   @media (max-width: 1024px) {
-    column-count: 3;
+    column-count: 2;
   }
 
   @media (max-width: 768px) {
-    column-count: 2;
+    column-count: 1;
   }
 
   h2 {