DS
как кнопка понимает что не должна показываться?
обычный if на компоненте кнопки висит
Size: a a a
2020 March 28
DS
а условие самое реактивное и равно функции. вот так $: userTeamAlreadyInTournament = async tournament =>
DS
то есть когда кнопка исчезает, модалка как бы тоже недоступна? и этот код не дублируется?
да, модалка недоступна. не совсем понял часть про дублирование кода. модалка открывается просто по нажатию кнопки. нет кнопки нет модалки
PM
Dmitry Semenov
да, модалка недоступна. не совсем понял часть про дублирование кода. модалка открывается просто по нажатию кнопки. нет кнопки нет модалки
ну я про то, что модалка и кнопка, этот компонент, не относятся к тому коду, который дублируется на 5-ти страницах?
PM
или на 2-х
DS
модалка относится. то есть в кнопку пробрасываю на onclick и эта функция открывает модалку, она как раз и дублируется. открывает модалку через функцию из getContext
PM
Dmitry Semenov
а условие самое реактивное и равно функции. вот так $: userTeamAlreadyInTournament = async tournament =>
это условие прямо в компоненте кнопки+модалка?
PM
Dmitry Semenov
модалка относится. то есть в кнопку пробрасываю на onclick и эта функция открывает модалку, она как раз и дублируется. открывает модалку через функцию из getContext
стоп
PM
у тебя же должен быть один компонент для кнопки + модалки
DS
так, я запутал тебя. кнопка и модалка два разных
PM
все в одном компоненте
PM
Dmitry Semenov
так, я запутал тебя. кнопка и модалка два разных
да, но они должны быть еще и в одном
PM
модалка и кнопка - сами по себе - это переиспользуемые компоненты, которые не привязаны к конктеному кейсу/view
DS
у тебя же должен быть один компонент для кнопки + модалки
смотри, сама модалка просто оборачивает main
DS
и я ее открываю
PM
но у тебя явно свазка между ними в рамках конкретного кейс - регистрация участника
PM
поэтому для такого случая я бы посоветовал создать view-компонент, который настраивает модалку, кнопку и логику их работы для данного конкретного кейса
PM
я это называю view-комопннетами, чато это называют "умные" компоненты, в противовес "глупым" (кнопка, модалка)
DS
поэтому для такого случая я бы посоветовал создать view-компонент, который настраивает модалку, кнопку и логику их работы для данного конкретного кейса
а как это выглядит то вообще? отдельный компонент в которым и кнопка и модалка?
PM
Dmitry Semenov
а как это выглядит то вообще? отдельный компонент в которым и кнопка и модалка?
да, это уже юнит с обособленным кусочком бизнес-логики приложения, который ты также можешь переиспользовать в разных местах (меню и тело страницы 2)