Как спроектировать чат?

Question

[AlexKindGeek]

Всем привет. Есть задача сделать чат.

Вот дизайн:

В топе должны быть все непрочитанные чаты
Проблема в том, что весь список реализован как Infinite scroll т.к чатов может быть много и бекенд отдает их рандомно

На бекенде я попросил сделать роут для получение всех unread и read чатов.
Вот так выглядит request body


И передать структуру в


Скажите пожалуйста нормальная ли у меня идея перепроектирования или можно как то более проще это все сделать?

Вот так выглядит компонент при моем проектировании:

import React, { Component } from "react";

/**Components */
import UserControls from "./UserControls";
import UnreadUsers from "./UnreadUsers";
import AllUser from "./AllUser";


export default class UserComponent extends Component {
  render() {
    return (
      <div className="scroll-container">
        <UserControls /> // компонент с input для поиска и фильтрации
        <div className="users-list">
          <UnreadUsers /> 
          <AllUser />
        </div>
      </div>
    );
  }
}

Answer 1

[profesor08]

На бэке список чатов должен сортироваться по дате последнего сообщения и наличию непрочитанных сообщений еще в момент выборки из бд. Если это по какой-то глупой причине невозможно сделать, то работай с тем, что есть, инфа о непрочитанных в любом случае обязана возвращаться в ответе от сервера, как и дата последнего сообщения. Отобрази их первыми и в нужном порядке. Как только подгружаются новые непрочитанные, пихай их в начало.

Comments

[AlexKindGeek]

При запросе мне возвращается список чатов, и у них есть property unread_count: integer, я б с легкостью смог бы профильтровать данные по этому значению и вывести их в топе, но вот проблема заключается в том, что это бек отдает данные по per_page и у меня на фронте это сделано через Infinite scroll. То есть если чаты закончились по 1 запросе, я шлю 2, потом 3 и т.д. Отсюда и получается проблема т.к юзер будет скролить скролить и при этом будет запускатся ф-ция фильтра и все непрочитки будут вылетать в топ. По сути звучит как ответ, НО мне надо при первоначальном рендеринге показать все непрочитки, а не при скролинге (это даже не UX)

P.S

На бэке список чатов должен сортироваться по дате последнего сообщения и наличию непрочитанных сообщений еще в момент выборки из бд.

Да, вот именно, я так и говорил, но сейчас нету возможности бек переделать:(

[profesor08]

AlexKindGeek, ну вот как дернуть непрочитанные ты уже и так знаешь, сделай несколько запросов, пока не закончатся и выводи их, а потом в инфините дергай оставшиеся так-же постранично.

[AlexKindGeek]

profesor08, Хмм, идея понятна, спасибо. Буду думать.