fix: add classname

antvis · Oct 13, 2023 · a7cc4f4 · a7cc4f4
1 parent 5b9adc8
commit a7cc4f4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/packages/gi-assets-basic/src/components/RichContainer/Component.tsx b/packages/gi-assets-basic/src/components/RichContainer/Component.tsx
@@ -192,6 +192,7 @@ const RichContainer = props => {
             <Button
               type={HAS_QUERY_VIEW ? 'primary' : 'text'}
               icon={<Icon type={DataArea.icon} />}
+              className='gi-richcontainer-query-button'
               style={{
                 display: 'flex',
                 justifyContent: 'center',
@@ -212,6 +213,7 @@ const RichContainer = props => {
             <Button
               type={HAS_FILTER_VIEW ? 'primary' : 'text'}
               icon={<Icon type={FilterArea.icon} />}
+              className='gi-richcontainer-filter-button'
               style={{
                 display: 'flex',
                 justifyContent: 'center',
@@ -265,6 +267,7 @@ const RichContainer = props => {
               enable={enable}
               onResizeStart={onResizeStart}
               onResizeStop={onResizeStop}
+              className='gi-richcontainer-side'
             >
               <div style={{ overflow: 'hidden' }}>
                 {HAS_QUERY_VIEW && (

diff --git a/packages/gi-assets-basic/src/components/RichContainer/Toolbar.tsx b/packages/gi-assets-basic/src/components/RichContainer/Toolbar.tsx
@@ -28,7 +28,7 @@ const Toolbar = (props: ToolbarProps) => {
       <span style={{ padding: '0px 8px 0px 6px', color: '#98989D' }}>{title}</span>
       {options.map(item => {
         const isActive = value === item.id;
-        const { id, props: itemProps, component: ItemComponent } = item;
+        const { id, props: itemProps, component: ItemComponent, info } = item;
         const { GIAC_CONTENT } = itemProps;
         const title = GIAC_CONTENT ? GIAC_CONTENT.title : 'EMPTY';
         const buttonType = isActive ? 'primary' : 'text';
@@ -48,6 +48,7 @@ const Toolbar = (props: ToolbarProps) => {
               type={buttonType}
               icon={<Icon type={icon} />}
               key={id}
+              className={info.className}
               style={{
                 display: 'flex',
                 justifyContent: 'center',