11import { getUniqName , ViewType } from '@teable/core' ;
2- import { File , FileCsv , FileExcel } from '@teable/icons' ;
2+ import { File , FileCsv , FileExcel , Slack } from '@teable/icons' ;
33import { BaseNodeResourceType , SUPPORTEDTYPE } from '@teable/openapi' ;
44import { useTables } from '@teable/sdk' ;
55import {
@@ -87,12 +87,14 @@ export const BaseNodeAddResourceButton = (props: BaseNodeAddResourceButtonProps)
8787 | BaseNodeResourceType . Dashboard
8888 | BaseNodeResourceType . Folder ;
8989 label : string ;
90+ trailingIcon ?: React . ReactNode ;
9091 } > = [ ] ;
9192
9293 if ( canCreateWorkflow ) {
9394 list . push ( {
9495 resourceType : BaseNodeResourceType . Workflow ,
9596 label : t ( 'common:noun.newAutomation' ) ,
97+ trailingIcon : < Slack className = "size-4" /> ,
9698 } ) ;
9799 }
98100 if ( canCreateApp ) {
@@ -120,12 +122,12 @@ export const BaseNodeAddResourceButton = (props: BaseNodeAddResourceButtonProps)
120122 }
121123
122124 return list . map ( ( item ) => {
123- const { resourceType, label } = item ;
125+ const { resourceType, label, trailingIcon } = item ;
124126 const IconComponent = BaseNodeResourceIconMap [ resourceType ] ;
125127 return (
126128 < DropdownMenuItem
127129 key = { resourceType }
128- className = "cursor-pointer"
130+ className = "flex cursor-pointer items-center "
129131 onClick = { ( ) => {
130132 curdHooks . createNode ?.( {
131133 resourceType,
@@ -138,6 +140,7 @@ export const BaseNodeAddResourceButton = (props: BaseNodeAddResourceButtonProps)
138140 < IconComponent className = "size-4" />
139141 { label }
140142 </ Button >
143+ { trailingIcon }
141144 </ DropdownMenuItem >
142145 ) ;
143146 } ) ;
0 commit comments