Enhance Follow Widget By Adding Follow Reason Component

[YosephKS]

Background

Currently, the Follow Widget only displays a simple clean UI w/ user name and follow button.

However, the UI does not provide customization to provide users reasons to follow a particular user, which is very common on web2 socials, e.g. mutual following (Facebook), or working in the same company (LinkedIn) etc.

Technical Requirements

The feature will extend the current Follow widget UI by adding components within Lens Profile and the follow button.

This feature should be optional props to be added on top of the existing props in the Follow Widget.

Talking in the context of React, for how the implementation will look like, it should be possible to add followReasons or something more dev friendly with data structure as follows:

interface FollowReason {
  image?: string;
  text?: string;
}

let followReasons: [FollowReason];

and example value to look like this on

[
  {
    "image": "<lens-logo>",
    "text": "Mutual following stani.lens"
  }
]

Example

This is an example of what it looks like in Converse which is built on top of XMTP, Lens, and Farcaster