From e851c5a37ea2d375ccc72e2e66cf71c4b4345cfb Mon Sep 17 00:00:00 2001
From: * <8>
Date: Thu, 7 Apr 2022 11:50:27 +0800
Subject: [PATCH] Match-id-0f71aa2d32776927b1e526631295e8268fb0b82f

---
 libs/extension/src/components/ComponentInfo.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/libs/extension/src/components/ComponentInfo.tsx b/libs/extension/src/components/ComponentInfo.tsx
index 9c76b503..f9ab06c6 100644
--- a/libs/extension/src/components/ComponentInfo.tsx
+++ b/libs/extension/src/components/ComponentInfo.tsx
@@ -2,7 +2,7 @@ import styles from './ComponentsInfo.less';
 import Eye from '../svgs/Eye';
 import Debug from '../svgs/Debug';
 import Copy from '../svgs/Copy';
-import Arrow from '../svgs/Arrow';
+import Triangle from '../svgs/Triangle';
 import { useState } from 'horizon';
 
 type IComponentInfo = {
@@ -53,7 +53,7 @@ function ComponentAttr({ name, attr }: { name: string, attr: IAttr[] }) {
     const isCollapsed = collapsedNode.has(index);
     showAttr.push(
       <div style={{ paddingLeft: item.indentation * 10 }} key={index} onClick={() => (handleCollapse(index))}>
-        <span className={styles.attrArrow}>{hasChild && <Arrow director={isCollapsed ? 'right' : 'down'} />}</span>
+        <span className={styles.attrArrow}>{hasChild && <Triangle director={isCollapsed ? 'right' : 'down'} />}</span>
         <span className={styles.attrName}>{`${item.name}`}</span>
         {' :'}
         <span className={styles.attrValue}>{item.value}</span>