diff --git a/app/javascript/mastodon/features/collections/components/collection_list_item.tsx b/app/javascript/mastodon/features/collections/components/collection_list_item.tsx index 8169544cb8..c1b32cac27 100644 --- a/app/javascript/mastodon/features/collections/components/collection_list_item.tsx +++ b/app/javascript/mastodon/features/collections/components/collection_list_item.tsx @@ -27,14 +27,14 @@ export const CollectionListItem: React.FC = ({ ...otherProps }) => { const uniqueId = useId(); - const linkId = `${uniqueId}-link`; - const infoId = `${uniqueId}-info`; + const titleId = `${uniqueId}-title`; + const subtitleId = `${uniqueId}-info`; return (
@@ -52,6 +52,8 @@ export const CollectionListItem: React.FC = ({ className={classes.menuButton} /> } + titleId={titleId} + subtitleId={subtitleId} {...otherProps} />
diff --git a/app/javascript/mastodon/features/collections/components/collection_lockup.tsx b/app/javascript/mastodon/features/collections/components/collection_lockup.tsx index e16d49e792..5250ea5504 100644 --- a/app/javascript/mastodon/features/collections/components/collection_lockup.tsx +++ b/app/javascript/mastodon/features/collections/components/collection_lockup.tsx @@ -48,6 +48,8 @@ export interface CollectionLockupProps { sideContent?: React.ReactNode; className?: string; headingLevel?: 'h2' | 'h3' | 'h4'; + titleId?: string; + subtitleId?: string; } export const CollectionLockup: React.FC = ({ @@ -56,6 +58,8 @@ export const CollectionLockup: React.FC = ({ withTimestamp, sideContent, headingLevel = 'h3', + titleId, + subtitleId, className, }) => { const { id, name } = collection; @@ -74,6 +78,7 @@ export const CollectionLockup: React.FC = ({ = ({ withTimestamp={withTimestamp} /> } + subtitleId={subtitleId} > {name}