17. Верстаем Top Bar в нашем приложении React js

В этом уроке мы реализуем логику переключения с светлой темы на темную. Для этого мы будем использовать библиотеку material ui. Также мы будем использовать инструмент который нам предоставляет react js, а именно Context.
PS. Для тех у кого не происходит установка библиотеки @mui/styles есть решение. Произведить установку используя следующую команду npm --force install @mui/styles
Поддержите мой канал:
👍ПоставтеЛАЙК
🔔Нажмите на звонок
💬Напишите комментарий
Поддержать на Patreon - / techjavascript
✅ Телеграм чат - t.me/techjavss...
✅ Github репозиторий - github.com/dad...
Полезные ссылки:
1. Макет для верстки - www.figma.com/...
2. Material ui Theme - mui.com/materi...

[@АлександрЗайцев-п7ф9и]

По поводу того, чтобы достать объект user из стора, в корневом файле auth: await dispatch(login(user.data.user)). Только тут не будет токена доступа. Я думал, может можно как то ответ на бэкенде поменять, но пока что не трогал ничего.

[@dmaberlin]

а где вставка про @mui/styles, можно таймкод? видео 50 минут, искать тяжело

[@techjavascript]

Тайм код 40:47

[@rustamakhmetyanov4404]

ColorModeContext типизация позже будет? сам пытался но не смог разобраться

[@rustamakhmetyanov4404]

логика переключения светлой темы на темную material ui React js

[@feterson2557]

А зачем два видео?

[@techjavascript]

Это те же видео что были в плейлисте, просто в этом допустим Вставка с описанием проблемы которая может возникнуть при установке библиотеки mui/styles. Вообще это больше исключение

[@АлександрЗайцев-п7ф9и]

Чтобы убрать hover-эффект у меня получилось через sx={}:

[@vendjin]

мне такой же вариант сразу в голову пришел

[@АлександрЗайцев-п7ф9и]

👍