diff --git a/app/javascript/flavours/glitch/api_types/statuses.ts b/app/javascript/flavours/glitch/api_types/statuses.ts index c40b2ba4e2..4ecb34bfe1 100644 --- a/app/javascript/flavours/glitch/api_types/statuses.ts +++ b/app/javascript/flavours/glitch/api_types/statuses.ts @@ -96,6 +96,7 @@ export interface ApiStatusJSON { replies_count: number; reblogs_count: number; favorites_count: number; + quotes_count: number; edited_at?: string; favorited?: boolean; diff --git a/app/javascript/flavours/glitch/components/status/reblog_button.tsx b/app/javascript/flavours/glitch/components/status/reblog_button.tsx index 6184b46351..144f29698d 100644 --- a/app/javascript/flavours/glitch/components/status/reblog_button.tsx +++ b/app/javascript/flavours/glitch/components/status/reblog_button.tsx @@ -160,7 +160,12 @@ export const StatusReblogButton: FC = ({ )} icon='retweet' iconComponent={iconComponent} - counter={counters ? (status.get('reblogs_count') as number) : undefined} + counter={ + counters + ? (status.get('reblogs_count') as number) + + (status.get('quotes_count') as number) + : undefined + } active={isReblogged} /> @@ -283,7 +288,12 @@ export const LegacyReblogButton: FC = ({ icon='retweet' iconComponent={iconComponent} onClick={!disabled ? handleClick : undefined} - counter={counters ? (status.get('reblogs_count') as number) : undefined} + counter={ + counters + ? (status.get('reblogs_count') as number) + + (status.get('quotes_count') as number) + : undefined + } /> ); }; diff --git a/app/javascript/flavours/glitch/features/picture_in_picture/components/footer.tsx b/app/javascript/flavours/glitch/features/picture_in_picture/components/footer.tsx index cabd7bb36c..9edb28e021 100644 --- a/app/javascript/flavours/glitch/features/picture_in_picture/components/footer.tsx +++ b/app/javascript/flavours/glitch/features/picture_in_picture/components/footer.tsx @@ -246,7 +246,10 @@ export const Footer: React.FC<{ icon='retweet' iconComponent={reblogIconComponent} onClick={handleReblogClick} - counter={status.get('reblogs_count') as number} + counter={ + (status.get('reblogs_count') as number) + + (status.get('quotes_count') as number) + } /> + + + + + + ); + } + const favouriteLink = ( {reblogLink} {reblogLink && <>·} + {quotesLink} + {quotesLink && <>·} {favouriteLink}