From afecd8ba83fb2d9403e09807610afe04c6e16ce9 Mon Sep 17 00:00:00 2001
From: Jillian <jill@opencraft.com>
Date: Wed, 16 Apr 2025 05:37:21 +0930
Subject: [PATCH] fix: sort Advanced Blocks by default display name (#1817)

---
 src/library-authoring/add-content/AddContent.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/library-authoring/add-content/AddContent.tsx b/src/library-authoring/add-content/AddContent.tsx
index d29a805aa..af4b50bfb 100644
--- a/src/library-authoring/add-content/AddContent.tsx
+++ b/src/library-authoring/add-content/AddContent.tsx
@@ -154,6 +154,10 @@ const AddAdvancedContentView = ({
   isBlockTypeEnabled,
 }: AddAdvancedContentViewProps) => {
   const intl = useIntl();
+  // Sort block types alphabetically by default display name
+  const sortedBlockTypes = Object.keys(advancedBlocks).sort((typeA, typeB) => (
+    advancedBlocks[typeA].displayName.localeCompare(advancedBlocks[typeB].displayName)
+  ));
   return (
     <>
       <div className="d-flex">
@@ -161,7 +165,7 @@ const AddAdvancedContentView = ({
           {intl.formatMessage(messages.backToAddContentListButton)}
         </Button>
       </div>
-      {Object.keys(advancedBlocks).map((blockType) => (
+      {sortedBlockTypes.map((blockType) => (
         isBlockTypeEnabled(blockType) ? (
           <AddContentButton
             key={`add-content-${blockType}`}