♿️(frontend) announce copy state in invite dialog
improves screen reader feedback after copying the link
This commit is contained in:
@@ -18,6 +18,7 @@ and this project adheres to
|
|||||||
|
|
||||||
- 🔒(backend) prevent automatic upgrade setuptools
|
- 🔒(backend) prevent automatic upgrade setuptools
|
||||||
- ♿(frontend) improve contrast for selected options #863
|
- ♿(frontend) improve contrast for selected options #863
|
||||||
|
- ♿️(frontend) announce copy state in invite dialog #877
|
||||||
|
|
||||||
## [1.3.0] - 2026-01-13
|
## [1.3.0] - 2026-01-13
|
||||||
|
|
||||||
|
|||||||
@@ -112,8 +112,8 @@ export const InviteDialog = (props: Omit<DialogProps, 'title'>) => {
|
|||||||
square
|
square
|
||||||
size={'sm'}
|
size={'sm'}
|
||||||
onPress={copyRoomUrlToClipboard}
|
onPress={copyRoomUrlToClipboard}
|
||||||
aria-label={t('copyUrl')}
|
aria-label={isRoomUrlCopied ? t('copied') : t('copyUrl')}
|
||||||
tooltip={t('copyUrl')}
|
tooltip={isRoomUrlCopied ? t('copied') : t('copyUrl')}
|
||||||
>
|
>
|
||||||
{isRoomUrlCopied ? (
|
{isRoomUrlCopied ? (
|
||||||
<RiCheckLine aria-hidden="true" />
|
<RiCheckLine aria-hidden="true" />
|
||||||
@@ -138,11 +138,12 @@ export const InviteDialog = (props: Omit<DialogProps, 'title'>) => {
|
|||||||
{formatPinCode(roomData?.pin_code)}
|
{formatPinCode(roomData?.pin_code)}
|
||||||
</Text>
|
</Text>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Button
|
<Button
|
||||||
variant={isCopied ? 'success' : 'secondaryText'}
|
variant={isCopied ? 'success' : 'secondaryText'}
|
||||||
size="sm"
|
size="sm"
|
||||||
fullWidth
|
fullWidth
|
||||||
aria-label={t('copy')}
|
aria-label={isCopied ? t('copied') : t('copy')}
|
||||||
style={{
|
style={{
|
||||||
justifyContent: 'start',
|
justifyContent: 'start',
|
||||||
}}
|
}}
|
||||||
@@ -173,7 +174,7 @@ export const InviteDialog = (props: Omit<DialogProps, 'title'>) => {
|
|||||||
<Button
|
<Button
|
||||||
variant={isCopied ? 'success' : 'tertiary'}
|
variant={isCopied ? 'success' : 'tertiary'}
|
||||||
fullWidth
|
fullWidth
|
||||||
aria-label={t('copy')}
|
aria-label={isCopied ? t('copied') : t('copy')}
|
||||||
onPress={copyRoomToClipboard}
|
onPress={copyRoomToClipboard}
|
||||||
data-attr="share-dialog-copy"
|
data-attr="share-dialog-copy"
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user