fix: untranslated headers in action dropdown

Author: guansss

src/components/editor/DetailedSelect.tsx

@@ -4,9 +4,11 @@ import { Select2, Select2Props } from '@blueprintjs/select'
 import { ReactNode } from 'react'
 import { FCC } from 'types'
 
-export type DetailedSelectItem =
-  | DetailedSelectChoice
-  | { type: 'header'; header: ReactNode }
+export type DetailedSelectItem = DetailedSelectHeader | DetailedSelectChoice
+export type DetailedSelectHeader = {
+  type: 'header'
+  header: ReactNode | (() => ReactNode)
+}
 export interface DetailedSelectChoice {
   type: 'choice'
   icon?: IconName
@@ -34,7 +36,11 @@ export const DetailedSelect: FCC<
         if (action.type === 'header') {
           return (
             <li key={'header_' + action.header} className={Classes.MENU_HEADER}>
-              <H6>{action.header}</H6>
+              <H6>
+                {typeof action.header === 'function'
+                  ? action.header()
+                  : action.header}
+              </H6>
             </li>
           )
         }

src/components/editor/action/EditorActionTypeSelect.tsx

@@ -31,12 +31,12 @@ export const EditorActionTypeSelect = (
 
   const menuItems = useMemo<DetailedSelectItem[]>(
     () =>
-      Object.entries(groupBy(ACTION_TYPES, 'group')).flatMap(
-        ([group, items]) => [
-          { type: 'header' as const, header: group },
-          ...items,
-        ],
-      ),
+      Object.values(
+        groupBy(ACTION_TYPES, (item) => item.group.toString()),
+      ).flatMap((items) => [
+        { type: 'header' as const, header: items[0].group },
+        ...items,
+      ]),
     [],
   )
   const selectedAction = findActionType(value)

src/i18n/i18n.ts

@@ -120,6 +120,9 @@ function createDeferredProxy(path: string) {
       if (Object.prototype.hasOwnProperty.call(target, prop)) {
         return target[prop]
       }
+      if (typeof prop === 'symbol') {
+        return undefined
+      }
       target[prop] = createDeferredProxy(path + '.' + String(prop))
       return target[prop]
     },