fix(Page): add align center for descriptions item

yuntijs · Jul 8, 2024 · dd4ae6a · dd4ae6a
1 parent 935745c
commit dd4ae6a
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/Page/Header/index.tsx b/src/Page/Header/index.tsx
@@ -87,15 +87,15 @@ export const PageHeader: React.FC<PageHeaderProps> = props => {
 
   const DescriptionsNode = useMemo(() => {
     const descriptionsElement: React.ReactNode[] = [];
-    for (const [index, desc] of descriptions.entries()) {
+    for (const [index, desc] of descriptions.filter(d => !!d).entries()) {
       const { icon: descIcon, text } = desc;
       if (status || index >= 1) {
         descriptionsElement.push(
           <Divider dashed={false} key={`divider-${index}`} type="vertical" />
         );
       }
       descriptionsElement.push(
-        <Flex gap={4} key={`desc-${index}`}>
+        <Flex align="center" gap={4} key={`desc-${index}`}>
           {descIcon && <Tooltip title={descIcon.tooltip}>{descIcon.content}</Tooltip>}
           <span>{text}</span>
         </Flex>