diff --git a/.changeset/eighty-donkeys-brake.md b/.changeset/eighty-donkeys-brake.md new file mode 100644 index 00000000..e904f8dd --- /dev/null +++ b/.changeset/eighty-donkeys-brake.md @@ -0,0 +1,5 @@ +--- +'@youversion/platform-react-ui': patch +--- + +Replace the iOS-style box-arrow-up share glyph with a curved forward arrow in `VerseOfTheDay` and the verse action popover, so the share affordance reads as "share" on non-Apple platforms too. diff --git a/packages/ui/src/components/icons/box-arrow-up.tsx b/packages/ui/src/components/icons/box-arrow-up.tsx deleted file mode 100644 index c1f9bf5c..00000000 --- a/packages/ui/src/components/icons/box-arrow-up.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import type { ComponentProps, ReactElement } from 'react'; - -export function BoxArrowUpIcon(props: ComponentProps<'svg'>): ReactElement { - return ( - - - - - ); -} diff --git a/packages/ui/src/components/icons/share.tsx b/packages/ui/src/components/icons/share.tsx index 8b8f278b..42232307 100644 --- a/packages/ui/src/components/icons/share.tsx +++ b/packages/ui/src/components/icons/share.tsx @@ -11,11 +11,9 @@ const SvgComponent = (props: SVGProps): React.ReactElement => ( > - ); diff --git a/packages/ui/src/components/verse-action-popover.tsx b/packages/ui/src/components/verse-action-popover.tsx index 95197a9e..0d6b5a76 100644 --- a/packages/ui/src/components/verse-action-popover.tsx +++ b/packages/ui/src/components/verse-action-popover.tsx @@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next'; import i18n from '@/i18n'; import { cn } from '../lib/utils'; import { BoxStackIcon } from './icons/box-stack'; -import { BoxArrowUpIcon } from './icons/box-arrow-up'; +import { Share } from './icons/share'; import { CheckIcon } from './icons/check'; import { buildVerseActionSwatches } from '@/lib/highlight-colors'; import { hexToRgba, HIGHLIGHT_FILL_OPACITY_DARK, isDarkHighlightHex } from './verse'; @@ -439,7 +439,7 @@ export const VerseActionPopover: FC = ({ onClick={onCopy} /> } + icon={} label={t('share')} onClick={onShare} />