diff --git a/src/UI/Icons/PdfIcon.tsx b/src/UI/Icons/PdfIcon.tsx deleted file mode 100644 index ab50a6d..0000000 --- a/src/UI/Icons/PdfIcon.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import React from 'react'; - -export const PdfIcon = () => ( - - - -); diff --git a/src/UI/Icons/PrintIcon.tsx b/src/UI/Icons/PrintIcon.tsx new file mode 100644 index 0000000..361dc72 --- /dev/null +++ b/src/UI/Icons/PrintIcon.tsx @@ -0,0 +1,18 @@ +import React from 'react'; + +export const PrintIcon = () => ( + + + {/* eslint-disable-next-line max-len */} + + + + +); diff --git a/src/components/GrowthChart/ChartSettingsButton/ChartSettingsButton.tsx b/src/components/GrowthChart/ChartSettingsButton/ChartSettingsButton.tsx index ba016b6..152d5cc 100644 --- a/src/components/GrowthChart/ChartSettingsButton/ChartSettingsButton.tsx +++ b/src/components/GrowthChart/ChartSettingsButton/ChartSettingsButton.tsx @@ -1,11 +1,12 @@ import React, { useState, useRef, useEffect } from 'react'; +import i18n from '@dhis2/d2-i18n'; import { usePopper } from 'react-popper'; import { EllipsisButton } from './EllipsisButton'; import { PopoverList, PopoverListItem, PopoverListDivider } from './PopoverList'; import { CategoryCodes, ChartData } from '../../../types/chartDataTypes'; -import { PdfIcon } from '../../../UI/Icons/PdfIcon'; import { MappedEntityValues } from '../../../utils/DataFetching/Sorting/useMappedTrackedEntity'; import { PrintDocument } from '../../../utils/ChartOptions'; +import { PrintIcon } from '../../../UI/Icons/PrintIcon'; interface ChartSettingsButtonProps { category: keyof typeof CategoryCodes; @@ -67,8 +68,8 @@ export const ChartSettingsButton = ({ popoverAttributes={{ ...attributes.popper }} > } + label={i18n.t('Print')} + icon={} onClick={handlePrintDocument} />