Page MenuHomePhabricator

[native] implement UI for selecting a farcaster channel
ClosedPublic

Authored by ginsu on Wed, Apr 17, 11:14 PM.
Tags
None
Referenced Files
F1691453: D11683.id39348.diff
Thu, May 2, 1:08 AM
F1690145: D11683.id39347.diff
Wed, May 1, 7:24 PM
Unknown Object (File)
Sat, Apr 27, 4:03 AM
Unknown Object (File)
Sat, Apr 27, 3:20 AM
Unknown Object (File)
Fri, Apr 26, 3:33 PM
Unknown Object (File)
Fri, Apr 26, 12:58 PM
Unknown Object (File)
Wed, Apr 24, 10:19 AM
Unknown Object (File)
Tue, Apr 23, 11:29 PM
Subscribers

Details

Summary

This diff introduces the action sheet "dropdown component" for selecting a farcaster channel that the user follows and wants to tag to their Comm community.

Please note that the UI for this screen is still a WIP and subsequent diffs will introduce the rest of the elements needed on this screen (ie the submit button)

Linear task: https://linear.app/comm/issue/ENG-7546/introduce-a-farcaster-dropdown-component + https://linear.app/comm/issue/ENG-7545/fetch-all-the-farcaster-channels-the-community-creatoradmin-is-active

Depends on D11682

Test Plan

Please see the demo video below

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

ginsu edited the test plan for this revision. (Show Details)
ginsu added reviewers: atul, inka.
ginsu added a reviewer: ashoat.

Making @ashoat a blocking reviewer since this diff introduces copy changes

native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
108 ↗(On Diff #39207)

This copy needs to be reviewed

115–116 ↗(On Diff #39207)

This copy needs to be reviewed

native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
108 ↗(On Diff #39207)

"channels" should probably be "channel"

Thanks for adding me!

native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
108 ↗(On Diff #39207)

+1, let's use "channel"

115–116 ↗(On Diff #39207)

Hmm, how about this:

Tag a Farcaster channel so followers can find your Comm community!

Still going back-and-forth on whether the exclamation mark is too excited. Open to alternative suggestions

native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
115–116 ↗(On Diff #39207)

Still going back-and-forth on whether the exclamation mark is too excited.

I think the exclamation mark is a bit much imo.

115–116 ↗(On Diff #39207)

would love one of the reviewers to also give some input on this too

atul added inline comments.
native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
115–116 ↗(On Diff #39207)

Personally prefer including the exclamation mark

146–170 ↗(On Diff #39207)

Are the modal* colors the right ones to use for this screen?

This revision is now accepted and ready to land.Fri, Apr 19, 2:01 PM
native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
146–170 ↗(On Diff #39207)

Thanks for this shout, I confused myself earlier with the naming, but yes we should use panel here over modal

address comments (also confirmed that changing from to panel color family from modal color family caused no regressions with the UI:

Screenshot 2024-04-22 at 1.58.30 PM.png (1×1 px, 701 KB)

This revision was landed with ongoing or failed builds.Mon, Apr 22, 11:07 AM
This revision was automatically updated to reflect the committed changes.