Function
item
(title, value, icon = 'info', onDoubleClick?: () => void)
Source from the content-addressed store, hash-verified
| 201 | }) |
| 202 | |
| 203 | function item(title, value, icon = 'info', onDoubleClick?: () => void) { |
| 204 | function copyValue() { |
| 205 | setTimeout(() => { |
| 206 | if (hasDoubleClick) { |
| 207 | return |
| 208 | } |
| 209 | copy(value) |
| 210 | notify(t('copied'), { icon: 'info' }) |
| 211 | }, 200) |
| 212 | } |
| 213 | |
| 214 | let hasDoubleClick = false |
| 215 | |
| 216 | return ( |
| 217 | <div |
| 218 | className={Style.item} |
| 219 | onClick={copyValue} |
| 220 | onDoubleClick={() => { |
| 221 | if (!onDoubleClick) { |
| 222 | return |
| 223 | } |
| 224 | hasDoubleClick = true |
| 225 | onDoubleClick() |
| 226 | }} |
| 227 | > |
| 228 | <div className={Style.title}> |
| 229 | <span className={`icon-${icon}`}></span> |
| 230 | {title} |
| 231 | </div> |
| 232 | <div className={Style.value}>{value || t('unknown')}</div> |
| 233 | </div> |
| 234 | ) |
| 235 | } |
Tested by
no test coverage detected