Реализация скрытие элементов?

Question

[YAHEFID]

Представим, что вы пишите мессенджер, в мессенджере есть пользователи, боты, а так же чаты по типу «Телеграмм служебные уведомления»

У всех этих чатах что-то скрыто. «Телеграмм служебные уведомления» у него скрыты некоторые кнопки: заблокировать, звонок и тд, так же скрыта некоторая информация, по типу: ссылка, о себе, username. На сколько я понимаю, для всех этих чатов нужно давать статусы какие-то, но не точно.

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

Так же мне интересен, как будет выглядеть сама база данных. Можем по факту симулировать её, используя массивы и объекты.

Будет хорошо, если покажите пример массива и как это на примере все обрабатывается. Скажем, будет обычный пользователь и такой чат (служебные уведомления)

Comments

[Ranwise]

так вроде исходники телеграма открыты, исследуй

[WbICHA]

А в чём проблема скрыть элемент?

[YAHEFID]

WbICHA, в чем проблема дочитать до конца и ответить адекватно?

[YAHEFID]

Ranwise, насколько помню, я вроде искал по открытому коду, но ничего вроде не нашел или не разобрался))

[YAHEFID]

Ranwise, может кто-то разобрался и ответит :)

[Ranwise]

служебный чат может быть в отдельном массиве)

или у него может быть специальный тип придуманный разработчиками, при встрече это типа - чат не отрисовывается в ui, где проблема?

[YAHEFID]

Ranwise, То есть, для пользователей и таких чатов у них одна таблица и присвоен тип: user/chat, а для ботов уже другая таблица, верно?

[YAHEFID]

Ranwise, правильно?

const base = {
  users: [
    {
      id: 1,
      name: "John",
      status: "online",
      about: "Hello, I'm John!",
      link: "https://example.com/john"
    },
    {
      id: 2,
      name: "Alice",
      status: "offline",
      about: "Nice to meet you!",
      link: "https://example.com/alice"
    }
  ],
  chats: [
    {
      id: 1,
      name: "Служебные уведомления",
      type: "service",
      hiddenElements: ["username", "about", "link"],
      statusText: "Some text for service chat"
    },
    {
      id: 2,
      name: "Family Chat",
      type: "group",
      hiddenElements: [],
      statusText: "Online"
    }
  ]
};