zulip/zulip-mobile

Make streams expandable/collapsible in Streams panel

Open

#5,494 opened on Sep 22, 2022

View on GitHub
 (6 comments) (0 reactions) (1 assignee)JavaScript (673 forks)github user discovery
P1 high-priorityhelp wantedredesign

Repository metrics

Stars
 (1,348 stars)
PR merge metrics
 (PR metrics pending)

Description

In preparation for the mobile app redesign, we should implement the following functionality for the Streams panel:

  1. Each stream should be expandable/collapsible within the panel, similarly to #5423. Clicking on the stream name should expand/collapse it.
  2. When a stream is expanded, we should use the logic used in the left sidebar of the webapp to decide how many topics to show.
  3. An expanded stream should have a "more topics" link at the bottom. Clicking on this link should take the user to the full-screen topics list for that stream (currently accessed via the three bulleted lines icon in the stream header bar).

Note that unlike the left sidebar of the webapp, it should be possible to have several streams in the expanded state.

Design direction (visual redesign will be a separate follow-up issue):

Screen Shot 2022-09-22 at 3 21 26 PM

Contributor guide

Research direction
Examine the implementation of the collapsible/expandable feature from PR #5423 and apply it to the Streams panel. Understand how the left sidebar decides how many topics to show, and reuse that logic.
Tech stack
javascriptreact native
Domain
mobile
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
React NativeGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
70