Виктор Майоров

Пример на скорую руку

Атрибут required не применяется к типу range.
https://developer.mozilla.org/en-US/docs/Web/HTML/...

Вам не нужно проверять значение ползунка. Значение всегда будет допустимым.

filteredArray() {
            return this.array
                .filter((el) => {
                    return (!this.search.length ? true : (el?.name?.toLowerCase().includes(this.search) ||
                        el?.surname?.toLowerCase().includes(this.search))) &&
                        (this.salary === null ? true : el.salary === this.salary) &&
                        (this.quality === null ? true : el.quality === this.quality) &&
                        (this.rating === null ? true : el.rating === this.rating && el.mode !== MODES.HIGH) &&
                        (this.body === null ? true : (this.body === Bodys.CHECKED ?  el.workers.some(({ checked }, index) =>
                              index <= el.workersIds.length - 1 ? !checked : false
                          )
                        : el.workers.every(({ checked }, index) =>
                              index <= el.workersIds.length - 1 ? checked : true
                          )) )
                }).sort((a, b) => {
                    if (a?.name?.toLowerCase() > b?.name?.toLowerCase()) {
                        return isDesc ? -1 : 1;
                    }
                    if (a?.name?.toLowerCase() < b?.name?.toLowerCase()) {
                        return isDesc ? 1 : -1;
                    }
                    return 0;
                });
        },

Набросал небольшой пример на чистом js:
https://codepen.io/webm0fe/pen/abjzjdK

Вернет либо массив с timings без учета времени (time) из appointments либо вернет [null];

users.map((user) => {
    const findAppointments = appointments.find((item) => item.masterInfo.userId === user.userId && user.timings.some((time) => item.time.includes(time)));
    if (!findAppointments) return null;
    return user.timings.filter((time) => !findAppointments.time.includes(time));
}).flat();

1 вариант

[...new Map(arr.map((item) => [item["key"], item])).values()]

2 вариант

const uniqueIds = [];
arr.filter(element => {
  const isDuplicate = uniqueIds.includes(element.key);

  if (!isDuplicate) {
    uniqueIds.push(element.key);

    return true;
  }

  return false;
});

3 вариант
https://docs-lodash.com/v4/uniq-by/

4 вариант

Object.values(
  arr.reduce( (c, e) => {
    if (!c[e.key]) c[e.key] = e;
    return c;
  }, {})
);

5 вариант

const unique = (arr, key) => {
   const keys = new Set();
   return arr.filter(el => !keys.has(el[key]) && keys.add(el[key]));
 };
unique(arr, 'key')

По каким полям нужно сравнивать, можешь допилить сам.

Без интерфейса тоже самое можно написать и на уровне самой переменной.
Например:

let cells: { client_price: Cell[], selfcost: Cell[] } =  {
   client_price: [],
   selfcost: [],
};

Иначе никак. В данном случае я бы предпочел написание отдельного интерфейса.

Нет, но вы можете добавить куки перед созданием объекта new WebSocket.

Поправил верстку. https://codepen.io/webm0fe/pen/vYaYJKZ?editors=1100
Не используйте position: absolute для того, чтобы позиционировать каждый блок.

var mySwiper2 = new Swiper('.swiper-container-two', {
    slidesPerView: 'auto',
    loop: true,
    navigation: {
      nextEl: '.lisenses .swiper-button-next',
      prevEl: '.lisenses .swiper-button-prev',
    },
    breakpoints: {
        320: {
          slidesPerView: 1.5,
        },
        550: {
          slidesPerView: 2.5,
        },
        768: {
            slidesPerView: 3.5,
        },
        1080: {
            slidesPerView: 'auto',
        }
    }
});

Я бы сделал как-то так.
https://codesandbox.io/s/draft-tab234-forked-dxwol...

Вместо того, чтобы пытаться сделать общий border-bottom, можно еще один псевдоэлемент добавить к пунктам меню (например before) и стилизовать его как единую линию (визуально).
Для этого нужно использовать не margin-right, а padding-right

Набросал не большой пример https://codepen.io/webm0fe/pen/yLqLgMj?editors=0011

Неверный импорт.
import throttle from 'lodash'
Тут вы импортируете всю библиотеку под именем throttle и далее для вызова нужной функции нужно писать следующее: throttle.throttle или throttle.camelCase

для импорта конкретной функции/модуля необходимо указывать в фигурных скобках {}
например: import { throttle } from 'lodash' или import { camelCase } from 'lodash'

import {throttle} from 'lodash'

const throttled = throttle(() => console.log('throttle'), 1000)
throttled()

Попробуй так error.response.data.message или error.response.message