diff --git a/src/components/moderation/LabelsOnMeDialog.tsx b/src/components/moderation/LabelsOnMeDialog.tsx index 7d1e7d0326..a165659008 100644 --- a/src/components/moderation/LabelsOnMeDialog.tsx +++ b/src/components/moderation/LabelsOnMeDialog.tsx @@ -5,6 +5,7 @@ import {msg, Trans} from '@lingui/macro' import {useLingui} from '@lingui/react' import {useMutation} from '@tanstack/react-query' +import {useGetTimeAgo} from '#/lib/hooks/useTimeAgo' import {useLabelSubject} from '#/lib/moderation' import {useLabelInfo} from '#/lib/moderation/useLabelInfo' import {makeProfileLink} from '#/lib/routes/links' @@ -122,6 +123,7 @@ function Label({ const sourceName = labeler ? sanitizeHandle(labeler.creator.handle, '@') : label.src + const timeDiff = useGetTimeAgo() return ( This label was applied by you. ) : ( - - - Source: {' '} + + + + Source: {' '} + + control.close()}> + {sourceName} + - control.close()}> - {sourceName} - + {label.exp && ( + + + Expires in {timeDiff(Date.now(), label.exp)} + + + )} )}