no message

skyouc

2025-06-22 434823f8e7d0240f05edfb191b43a922a7fbe98d

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
import * as React from 'react'; 
import { Tooltip } from 'antd'; 
import classNames from 'classnames'; 
import * as AntdIcons from '@ant-design/icons'; 
import type { ThemeType } from './index'; 
import styles from './style.less'; 
 
const allIcons: { 
  [key: string]: any; 
} = AntdIcons; 
 
export interface CopyableIconProps { 
  name: string; 
  isNew: boolean; 
  theme: ThemeType; 
  justCopied: string | null; 
  onSelect: (type: string, text: string) => any; 
} 
 
const CopyableIcon: React.FC<CopyableIconProps> = ({ 
  name, 
  justCopied, 
  onSelect, 
  theme, 
}) => { 
  const className = classNames({ 
    copied: justCopied === name, 
    [theme]: !!theme, 
  }); 
  return ( 
    <li className={className} 
      onClick={() => { 
        if (onSelect) { 
          onSelect(theme, name); 
        } 
      }}> 
      <Tooltip title={name}> 
        {React.createElement(allIcons[name], { className: styles.anticon })} 
      </Tooltip> 
      {/* <span className={styles.anticonClass}> 
          <Badge dot={isNew}>{name}</Badge> 
        </span> */} 
    </li> 
  ); 
}; 
 
export default CopyableIcon;