Web: Display ActivityPub activities and user profiles
## Goal Enable a Minds user to visually identify activities and channels that originate on third party ActivityPub services, and to navigate to their original third party-hosted homes. ## What needs to be done - **Remote profile badge:** Implement remote profile badge wherever Minds+ / Pro badges appear, for channels which are remotely-operated (e.g. ActivityPub accounts). On hover over the icon, display tooltip that reads: `{fed_domain.name} profile` where fed_domain.name comes after the second @ eg: @joe**@mastodon.social** => **mastodon.social**. Badges can appear... - Activity posts - Channel pages - Comments - Channel recs - **View original post button:** On `...` menus on activity posts, add a `View on `@{fed_domain.name}` - Maximum of chars (16px right padding) before ellipsis (...) - for example: View on **mastodon.social**. Where `{fed_domain.name}` is taken after the second "@" (@joe@mastodon.social) - **View original profile button:** On `...` menus on channel pages, add a `View on {fed_domain.name}` button that links to the originating remote profile page (e.g. `mastodon.social/@minds`). Opens in a new tab. - for example: View on **mastodon.social**. Where `{fed_domain.name}` is taken after the second "@" - Maximum of chars (16px right padding) before ellipsis (...) - Add the canonical url SEO tag In action -> ![desc-setting](/uploads/99a8ae7fa5a65d9d89bb48ac8f4722ba/desc-setting.png) ## QA ## UX/Design [Figma link](https://www.figma.com/file/iuGSWGSk9p9SWDtBA7XDx6/Minds---ActivityPub-integration-UX?type=design&node-id=2-9&mode=design) ![ActivityPub_profiles_and_activity_posts](/uploads/1323c91a8fb70d20c72003f47b32d617/ActivityPub_profiles_and_activity_posts.png) Icon - ![captive_portal.svg](/uploads/6d9747fac2ac33d338fd684f234c514b/captive_portal.svg) **Activity posts in feed** ![acpost-web-masto](/uploads/2870a17d9d310b5423f0a4603e0efc5f/acpost-web-masto.png) **Channel page** ![channel-acPub](/uploads/5697c475424c865904d9659024f5368a/channel-acPub.png) **Comments from a federated profile ** ![comments-acPub](/uploads/bf2a3d9abcc25c270f31f0ffff1ca434/comments-acPub.png) ## Mobile * [x] Is Mobile Required? ## Personas User test ![ac-pub-variant-test](/uploads/8fcceb3187aa2e990be706090dfe0b91/ac-pub-variant-test.png) ## Experiments ## Acceptance Criteria * [ ] See above ## Definition of Ready Checklist * [ ] Definition Of Done (DoD) * [ ] Acceptance criteria * [ ] Weighted * [ ] QA * [ ] UX/Design * [ ] Personas * [ ] Experiments
issue