diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-open-task.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-open-task.svg index 9234bf2d30c..885b2a68c68 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-open-task.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-open-task.svg @@ -1,5 +1,10 @@ - - - + + + + + + + + + - diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-share.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-share.svg index 68d2967c547..df10c3a987a 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-share.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-share.svg @@ -1,10 +1,10 @@ - - - + + + - - + + diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star-filled.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star-filled.svg index 957c06f1480..5cc7c5b1e06 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star-filled.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star-filled.svg @@ -1,3 +1,3 @@ - - + + diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star.svg index 402145b6eb9..571aa2fcd54 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-star.svg @@ -1 +1,3 @@ - \ No newline at end of file + + + \ No newline at end of file diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-version.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-version.svg index 1a71cfac3bc..2cdac870c70 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-version.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/ic-version.svg @@ -1,18 +1,3 @@ - - - - - - - - - - + + + \ No newline at end of file diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-down-filled.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-down-filled.svg new file mode 100644 index 00000000000..a5744930b33 --- /dev/null +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-down-filled.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-down-outline.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-down-outline.svg new file mode 100644 index 00000000000..c9db26f9f25 --- /dev/null +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-down-outline.svg @@ -0,0 +1,3 @@ + + + diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-filled.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-filled.svg index 744eb9b0014..0fa1e644e14 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-filled.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-filled.svg @@ -1,3 +1,5 @@ - - + + + + diff --git a/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg index 5a5388aaa4a..7b6597c9435 100644 --- a/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg +++ b/openmetadata-ui/src/main/resources/ui/src/assets/svg/thumbs-up-outline.svg @@ -1,3 +1,3 @@ - - + + diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Classifications/ClassificationDetails/ClassificationDetails.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Classifications/ClassificationDetails/ClassificationDetails.tsx index f8e9d9a317c..3ab0306b57b 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Classifications/ClassificationDetails/ClassificationDetails.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/Classifications/ClassificationDetails/ClassificationDetails.tsx @@ -30,7 +30,11 @@ import { useHistory } from 'react-router-dom'; import { ReactComponent as IconTag } from '../../../assets/svg/classification.svg'; import { ReactComponent as LockIcon } from '../../../assets/svg/closed-lock.svg'; import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.svg'; -import { DE_ACTIVE_COLOR, PRIMERY_COLOR } from '../../../constants/constants'; +import { + DATA_ASSET_ICON_DIMENSION, + DE_ACTIVE_COLOR, + PRIMERY_COLOR, +} from '../../../constants/constants'; import { EntityField } from '../../../constants/Feeds.constants'; import { usePermissionProvider } from '../../../context/PermissionProvider/PermissionProvider'; import { ResourceEntity } from '../../../context/PermissionProvider/PermissionProvider.interface'; @@ -446,7 +450,13 @@ const ClassificationDetails = forwardRef( } + icon={ + + } onClick={versionHandler}> {currentVersion} diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx index 3815486894c..10fab73cb52 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsHeader/DataAssetsHeader.component.tsx @@ -10,7 +10,7 @@ * See the License for the specific language governing permissions and * limitations under the License. */ -import Icon from '@ant-design/icons'; +import Icon from '@ant-design/icons/lib/components/Icon'; import { Button, Col, Divider, Row, Space, Tooltip, Typography } from 'antd'; import ButtonGroup from 'antd/lib/button/button-group'; import { AxiosError } from 'axios'; @@ -30,7 +30,10 @@ import { DomainLabel } from '../../../components/common/DomainLabel/DomainLabel. import { OwnerLabel } from '../../../components/common/OwnerLabel/OwnerLabel.component'; import TierCard from '../../../components/common/TierCard/TierCard'; import EntityHeaderTitle from '../../../components/Entity/EntityHeaderTitle/EntityHeaderTitle.component'; -import { DE_ACTIVE_COLOR } from '../../../constants/constants'; +import { + DATA_ASSET_ICON_DIMENSION, + DE_ACTIVE_COLOR, +} from '../../../constants/constants'; import { SERVICE_TYPES } from '../../../constants/Services.constant'; import { useTourProvider } from '../../../context/TourProvider/TourProvider'; import { EntityTabs, EntityType } from '../../../enums/entity.enum'; @@ -430,7 +433,13 @@ export const DataAssetsHeader = ({ } + icon={ + + } onClick={handleOpenTaskClick}> {openTaskCount} @@ -441,7 +450,13 @@ export const DataAssetsHeader = ({ } + icon={ + + } onClick={onVersionClick}> {version} @@ -459,7 +474,9 @@ export const DataAssetsHeader = ({ disabled={deleted} icon={ } loading={isFollowingLoading} @@ -473,7 +490,14 @@ export const DataAssetsHeader = ({ placement="topRight" title={copyTooltip ?? t('message.copy-to-clipboard')}> } + className="flex-center" + icon={ + + } onClick={handleShareButtonClick} /> diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsVersionHeader/DataAssetsVersionHeader.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsVersionHeader/DataAssetsVersionHeader.tsx index a4348bd1049..646b1676e56 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsVersionHeader/DataAssetsVersionHeader.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataAssets/DataAssetsVersionHeader/DataAssetsVersionHeader.tsx @@ -20,6 +20,7 @@ import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.sv import { DomainLabel } from '../../../components/common/DomainLabel/DomainLabel.component'; import { OwnerLabel } from '../../../components/common/OwnerLabel/OwnerLabel.component'; import EntityHeaderTitle from '../../../components/Entity/EntityHeaderTitle/EntityHeaderTitle.component'; +import { DATA_ASSET_ICON_DIMENSION } from '../../../constants/constants'; import { EntityType } from '../../../enums/entity.enum'; import { SearchSourceAlias } from '../../../interface/search.interface'; import { getDataAssetsVersionHeaderInfo } from '../../../utils/DataAssetsVersionHeaderUtils'; @@ -165,7 +166,13 @@ function DataAssetsVersionHeader({ } + icon={ + + } onClick={onVersionClick}> {version} diff --git a/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx index 0a3edd6449b..860c5d7eb19 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/DataProducts/DataProductsDetailsPage/DataProductsDetailsPage.component.tsx @@ -33,6 +33,7 @@ import { ReactComponent as VersionIcon } from '../../../assets/svg/ic-version.sv import { ReactComponent as IconDropdown } from '../../../assets/svg/menu.svg'; import { ReactComponent as StyleIcon } from '../../../assets/svg/style.svg'; import { + DATA_ASSET_ICON_DIMENSION, DE_ACTIVE_COLOR, getEntityDetailsPath, getVersionPath, @@ -515,7 +516,13 @@ const DataProductsDetailsPage = ({ 'text-primary border-primary': version, })} data-testid="version-button" - icon={} + icon={ + + } onClick={handleVersionClick}> + ) : ( - + ) } loading={loading === QueryVoteType.votedUp} @@ -157,18 +160,9 @@ const QueryCardExtraOption = ({ data-testid="down-vote-btn" icon={ voteStatus === QueryVoteType.votedDown ? ( - + ) : ( - + ) } loading={loading === QueryVoteType.votedDown} diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx index 83846e9a700..aca91bcb7ea 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/Domain/DomainDetailsPage/DomainDetailsPage.component.tsx @@ -54,6 +54,7 @@ import EntityNameModal from '../../../components/Modals/EntityNameModal/EntityNa import PageLayoutV1 from '../../../components/PageLayoutV1/PageLayoutV1'; import { FQN_SEPARATOR_CHAR } from '../../../constants/char.constants'; import { + DATA_ASSET_ICON_DIMENSION, DE_ACTIVE_COLOR, ERROR_MESSAGE, getEntityDetailsPath, @@ -588,7 +589,13 @@ const DomainDetailsPage = ({ 'text-primary border-primary': version, })} data-testid="version-button" - icon={} + icon={ + + } onClick={handleVersionClick}> { disabled={disabled} icon={ voteStatus === QueryVoteType.votedUp ? ( - + ) : ( - + ) } loading={loading === QueryVoteType.votedUp} @@ -63,18 +66,9 @@ const Voting = ({ votes, disabled, voteStatus, onUpdateVote }: VotingProps) => { disabled={disabled} icon={ voteStatus === QueryVoteType.votedDown ? ( - + ) : ( - + ) } loading={loading === QueryVoteType.votedDown} diff --git a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx index 528ef97b5c4..c2c492ab76a 100644 --- a/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx +++ b/openmetadata-ui/src/main/resources/ui/src/components/Glossary/GlossaryHeader/GlossaryHeader.component.tsx @@ -45,7 +45,10 @@ import { EntityHeader } from '../../../components/Entity/EntityHeader/EntityHead import EntityDeleteModal from '../../../components/Modals/EntityDeleteModal/EntityDeleteModal'; import EntityNameModal from '../../../components/Modals/EntityNameModal/EntityNameModal.component'; import { FQN_SEPARATOR_CHAR } from '../../../constants/char.constants'; -import { DE_ACTIVE_COLOR } from '../../../constants/constants'; +import { + DATA_ASSET_ICON_DIMENSION, + DE_ACTIVE_COLOR, +} from '../../../constants/constants'; import { EntityAction, EntityType } from '../../../enums/entity.enum'; import { Glossary } from '../../../generated/entity/data/glossary'; import { @@ -530,7 +533,13 @@ const GlossaryHeader = ({ 'text-primary border-primary': version, })} data-testid="version-button" - icon={} + icon={ + + } onClick={handleVersionClick}>