Skip to content

Overhauled Community Admin UI#223

Draft
johnnycrich wants to merge 182 commits intostagingfrom
jr/refactor/m3-community
Draft

Overhauled Community Admin UI#223
johnnycrich wants to merge 182 commits intostagingfrom
jr/refactor/m3-community

Conversation

@johnnycrich
Copy link
Contributor

@johnnycrich johnnycrich commented Aug 7, 2025 •
edited by dariusk
Loading

What is in this PR?

As per #186, this change set re-implements the community admin interface to use M3 components, add new functionality where relevant.

Changes in the codebase

  • Usr TabBarView, built-in TabController rather than CustomTabBarView as the encompassing containment for all admin sections.
  • Remove permissions enum MembershipStatus.attendee and update all others descriptions.
  • Migrate usage of CupertinoSwitch to Material Switch.
  • Add prefixIcon to CustomTextField.
  • Where possible, utilized Flex widget with conditional direction based on device type in order to simplify layout code.
  • Refactored overview tab to replace now deprecated settings panel CreateCommunityDialog.
  • Migrated members tab to utilize Material PaginatedDataTable, allow for real time filtering of members.
  • Created new MemberDataUtils class, new DataTab class, remove deprecated EventsTab.
  • Overhauled ChooseColorSection to use a tab controller for preset/custom colors selection, new grid format for presets. Implemented flutter_colorpicker for custom color selection.
  • Consolidated community image service code within CloudFunctionsCommunityService.
  • Removed code related to community banner image.
  • Overhauled SettingsTab to divide toggles into sections, use updated Material components.
  • Removed "Optional" text from optional text fields, added a "*Required" helper for Name
  • Community URL auto-updates when updating the community name, displays the updated community URL name if edited
  • Use proper AlertDialog for error utils alerts as well as admin overview form issues.
  • Added email, website, social link fields to Community model and overview form.
  • Added dozens of new localization strings.
  • For firebase test workflow, added install of JDK 21 so a firebase tools runtime can be installed.
  • Near-countless other small changes.

Fixes #264

Testing this PR

  • Click on gear icon in navbar and see that you're taken to new overview section.
  • For all tabs, see that both the desktop and mobile layouts functions as you would expect, matches our mockups.
  • Try editing various aspects of your community within this section, including removing and replacing image, updating URL, etc.
  • Give your community a new theme in the presets and see that it is reflected after saving and returning to landing page.
  • Try to give your community an invalid contrast for custom color theme, and see an error displayed to that effect.
  • On the members tab, try filtering by entering a member name that does not exist and see a message about no results.
  • Hover the info icon next to the Role header, and get a dialog referring you to the help center.
  • Make sure that the owner of the community has their dropdown disabled.
  • For non-owners, see a dropdown with role information. See the owner role disabled.
  • On the data tab, see all events with the participant counts and status reflected for each.
  • For an upcoming event, see that you can download only registration data.
  • For previous events that have recordings, see that clicking on download opens a dialogue, allowing selection of either or both registration data and recording. Selecting neither disables the download button.
  • Go to the settings tab and see that toggles are now kewl. 😎

johnnycrich and others added 30 commits June 10, 2025 15:33
@johnnycrich
refactor: WIP re-implement tab view for community admin.
a4aa51a
@johnnycrich
refactor: WIP new community admin settings tab.
222fb35
@johnnycrich
Merge branch 'staging' into jr/refactor/m3-community
c46620c
@johnnycrich
refactor: WIP Community admin tab layout.
525c18d
@johnnycrich
feat: WIP Community profile tab layout, changes to CreateCommunityIma…
d08c66e 
…geFields.
@johnnycrich
build: add flutter_colorpicker dependency.
d40c8be
@johnnycrich
feat: WIP Community profile color customization.
c063aef
@johnnycrich
refactor: WIP Community color and image field changes using material.
b1e3067
@johnnycrich
refactor: WIP Community admin custom color changes.
d349693
@johnnycrich
refactor: WIP Community color and image field updates and fixes.
55ace2c
@johnnycrich
feat: more Community profile color customization work.
50b3ad9
@johnnycrich
refactor: WIP community members management overhaul.
64358a4
@johnnycrich
refactor: community members management functional dropdowns (have lay…
2a86a51 
…out issues), remove dedicated device-size specific code, update membership permission text.
@johnnycrich
feat: add prefixIcon to CustomTextField.
4923cad
@johnnycrich
refactor: community members panel filtering, removed a lot of depreca…
38bab54 
…ted code.
@johnnycrich
feat: edited translations.
24be6a3
@johnnycrich
feat: new member data download button.
bc95800
@katherineqian
fix: Fix dropdown menu item height by setting itemHeight to null, the…
a488198 
…n removing Expanded from description text / setting Column's size to min to allow the menu items to render. Added 8px vertical padding on items.
@johnnycrich
feat: helper icon button and dialog for members tab, new translations.
90e6dd7
@johnnycrich
refactor: community settings panel overhaul.
d654485
@johnnycrich
refactor: more changes for community settings panel overhaul, WIP new…
79ac683 
… data panel.
@johnnycrich
Merge branch 'staging' into jr/refactor/m3-community
05b56eb 
# Conflicts:
#	client/lib/features/admin/presentation/views/events_tab.dart
#	client/lib/features/admin/presentation/views/members_tab.dart
#	client/lib/features/admin/presentation/views/overview_tab.dart
#	client/lib/features/admin/presentation/views/settings_tab.dart
@johnnycrich
feat: more WIP data tab work.
6da0dfa
@johnnycrich
refactor: fully functional revamped data tab (desktop).
a04c338
@johnnycrich
refactor: layout changes on revamped data tab to be responsive.
09d54b3
@johnnycrich
refactor: rename file events_tab -> data_tab, symbol EventsTab -> Dat…
862e5e6 
…aTab; resolve linter library_private_types_in_public_api.
@johnnycrich
test: Community admin data tab.
564aec6
@johnnycrich
feat: new MemberDataUtils class, WIP registrant download button on ne…
5690931 
…w data tab.
@johnnycrich
feat: on new data tab, working participant count and registration dow…
23a0798 
…nload button.
@johnnycrich
fix: overflow issue on members tab.
7c4192a
@johnnycrich
Copy link
Contributor Author

johnnycrich commented Dec 18, 2025

@katherineqian thank you for taking the time to get a review in! I resolved all of your items!

dariusk
dariusk approved these changes Dec 19, 2025
View reviewed changes
Copy link
Collaborator

@dariusk dariusk left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you Johnny!!!

katherineqian
katherineqian approved these changes Dec 19, 2025
View reviewed changes
Copy link
Collaborator

@katherineqian katherineqian left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice work!

@saihla saihla mentioned this pull request Jan 8, 2026
Open
2 tasks
@epenn
Copy link
Contributor

epenn commented Jan 8, 2026

New preview link here: https://gen-hls-bkc-7627--jr-refactor-m3-community-k4kznj6i.web.app/

@epenn
Copy link
Contributor

epenn commented Jan 26, 2026

New preview link here: https://gen-hls-bkc-7627--jr-refactor-m3-community-6cm4ayd6.web.app

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@dariusk dariusk dariusk approved these changes

@katherineqian katherineqian katherineqian approved these changes

@saihla saihla Awaiting requested review from saihla

Assignees

@dariusk dariusk

Labels

effort Larger tasks & stories that make up the roadmap

Projects

None yet

Milestone

Transition out of Closed Beta

Development

Successfully merging this pull request may close these issues.

Update Community Management color picker text Implement new Community Management flow

5 participants

@johnnycrich @saihla @epenn @dariusk @katherineqian