Page MenuHomePhabricator

[native] implement UI for selecting a farcaster channel
ClosedPublic

Authored by ginsu on Apr 17 2024, 11:14 PM.
Tags
None
Referenced Files
Unknown Object (File)
Nov 10 2024, 4:33 AM
Unknown Object (File)
Nov 3 2024, 7:29 AM
Unknown Object (File)
Oct 12 2024, 10:04 PM
Unknown Object (File)
Oct 12 2024, 10:04 PM
Unknown Object (File)
Oct 12 2024, 10:04 PM
Unknown Object (File)
Oct 12 2024, 10:03 PM
Unknown Object (File)
Oct 12 2024, 10:03 PM
Unknown Object (File)
Oct 5 2024, 2:16 AM
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
No Lint Coverage
Unit
No Test Coverage

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

This copy needs to be reviewed

115–116

This copy needs to be reviewed

native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
108

"channels" should probably be "channel"

Thanks for adding me!

native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
108

+1, let's use "channel"

115–116

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

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

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

Personally prefer including the exclamation mark

146–170

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

This revision is now accepted and ready to land.Apr 19 2024, 2:01 PM
native/community-settings/tag-farcaster-channel/tag-farcaster-channel.react.js
146–170

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.Apr 22 2024, 11:07 AM
This revision was automatically updated to reflect the committed changes.