Skip to content

fix: render the date separator above the unread indicator - #3980

Merged
isekovanic merged 4 commits into
developfrom
fix/unread-and-date-separator-order
Nov 12, 2026
Merged

isekovanic merged 4 commits into
developfrom
fix/unread-and-date-separator-order

Conversation

@isekovanic

Copy link
Copy Markdown
Contributor

Ticket: https://linear.app/stream/issue/RN-526

🎯 Goal

When the first unread message starts a new day, the unread indicator showed up above its date separator. The date separator now comes first.

πŸ›  Implementation details

The indicator was rendered at the bottom of the last read message's row, and the date separator at the top of the next row. It now renders in the first unread message's row, between the date separator and the message.

The selector that finds the boundary checks the previous message instead of the next one. The rule itself is unchanged.

🎨 UI Changes

iOS
Before After

πŸ§ͺ Testing

Open a channel where the first unread message is on a different day than the last read one. The date separator should be above "N unread messages", with the same spacing as before.

Updated the two MessageList tests that expected the indicator on the last read row and added one for the order.

β˜‘οΈ Checklist

  • I have signed the Stream CLA (required)
  • PR targets the develop branch
  • Documentation is updated
  • New code is tested in main example apps, including all possible scenarios
    • SampleApp iOS and Android
    • Expo iOS and Android

@isekovanic
isekovanic requested a review from oliverlaz November 12, 2026 10:29
@Stream-SDK-Bot

Copy link
Copy Markdown
Contributor

SDK Size

title develop branch diff status
js_bundle_size 2027 KB 2027 KB -21 B πŸš€
ai_components_size 163 KB 163 KB 0 B 🟒

@isekovanic
isekovanic merged commit a932e5d into develop Nov 12, 2026
22 checks passed
@isekovanic
isekovanic deleted the fix/unread-and-date-separator-order branch November 12, 2026 11:59
isekovanic added a commit that referenced this pull request Nov 12, 2026
Ticket: https://linear.app/stream/issue/RN-527

Stacked on #3980.

## 🎯 Goal

In poll creation, the + button of the max votes stepper moved when the
value went from 9 to 10, because the number input grew with its text.

## πŸ›  Implementation details

The input gets a 32pt minimum width, no horizontal padding and centered
text, so it stays the same width from 2 to 10. The row gap goes from
`spacingXxs` to `spacingXs` to match the design. Vertical padding is
unchanged.

## 🎨 UI Changes

<details>
<summary>iOS</summary>

<table>
    <thead>
        <tr>
            <td>Before</td>
            <td>After</td>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>
                <!--<img src="" /> -->
            </td>
            <td>
                <!--<img src="" /> -->
            </td>
        </tr>
    </tbody>
</table>
</details>

## πŸ§ͺ Testing

Create a poll, turn on "Multiple votes" and "Limit votes per person",
and step between 9 and 10. The + button should stay in place.

## β˜‘οΈ Checklist

- [ ] I have signed the [Stream
CLA](https://docs.google.com/forms/d/e/1FAIpQLScFKsKkAJI7mhCr7K9rEIOpqIDThrWxuvxnwUq2XkHyG154vQ/viewform)
(required)
- [ ] PR targets the `develop` branch
- [ ] Documentation is updated
- [ ] New code is tested in main example apps, including all possible
scenarios
  - [ ] SampleApp iOS and Android
  - [ ] Expo iOS and Android
@github-actions github-actions Bot mentioned this pull request Nov 12, 2026
6 tasks
@ghost

ghost commented Nov 12, 2026

Copy link
Copy Markdown

πŸŽ‰ This PR is included in version 10.0.2 πŸŽ‰

The release is available on:

Your semantic-release bot πŸ“¦πŸš€

@ghost ghost added the released label Nov 12, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants