Revize fa93df26
Přidáno uživatelem Dominik Poch před asi 2 roky(ů)
| webapp/components/annotation/SubTagItem.tsx | ||
|---|---|---|
| 4 | 4 |
import React, { useContext } from 'react';
|
| 5 | 5 |
import { TagCategoryContext } from '../../contexts/TagCategoryContext';
|
| 6 | 6 |
import { AnnotationContext } from '../../contexts/AnnotationContext';
|
| 7 |
import { QuestionCircleOutlined } from '@ant-design/icons';
|
|
| 8 | 7 |
|
| 8 |
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
|
|
| 9 |
import { faCircleQuestion } from '@fortawesome/free-regular-svg-icons';
|
|
| 10 |
import styles from '/styles/Icon.module.scss'; |
|
| 9 | 11 |
/** |
| 10 | 12 |
* Creates a single tag item in a tag panel. |
| 11 | 13 |
* @param props Properties should contain the tag. |
| ... | ... | |
| 37 | 39 |
className="w-100 text-start rounded" |
| 38 | 40 |
disabled={submitting}
|
| 39 | 41 |
> |
| 40 |
{props.subTag.name}
|
|
| 41 |
{props.subTag.description && props.subTag.description !== '' && (
|
|
| 42 |
<Tooltip |
|
| 43 |
title={props.subTag.description}
|
|
| 44 |
key={props.subTag.description}
|
|
| 45 |
> |
|
| 46 |
<QuestionCircleOutlined /> |
|
| 47 |
</Tooltip> |
|
| 48 |
)} |
|
| 42 |
<div className=" align-middle"> |
|
| 43 |
{props.subTag.name}
|
|
| 44 |
{props.subTag.description && props.subTag.description !== '' && (
|
|
| 45 |
<Tooltip |
|
| 46 |
title={props.subTag.description}
|
|
| 47 |
key={props.subTag.description}
|
|
| 48 |
> |
|
| 49 |
<FontAwesomeIcon |
|
| 50 |
icon={faCircleQuestion}
|
|
| 51 |
className={styles.iconRight}
|
|
| 52 |
/> |
|
| 53 |
</Tooltip> |
|
| 54 |
)} |
|
| 55 |
</div> |
|
| 49 | 56 |
</Button> |
| 50 | 57 |
</Row> |
| 51 | 58 |
</Container> |
Také k dispozici: Unified diff
Icons