/
githubmirror
/
wp-calypso
Обзор
Документация
Войти
/
githubmirror
/
wp-calypso
Код
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
trunk
client/blocks/reader-join-conversation/docs/example.jsx
24 строки
786 B
Eoin Gallagher
Add Join conversation modal for logged in actions (#83031)
25 окт 2023, 19:32
Не верифицирован
25 окт 2023, 19:32
3278e37
Код
Авторство
О чём код?
import { Button } from '@automattic/components'; import { useTranslate } from 'i18n-calypso'; import { useState } from 'react'; import ReaderJoinConversationDialog from 'calypso/blocks/reader-join-conversation/dialog'; const ReaderJoinConversationDialogExample = () => { const translate = useTranslate(); const [ isVisible, setIsVisible ] = useState( false ); return ( <div className="docs__design-assets-group"> <Button onClick={ () => setIsVisible( true ) }> { translate( "Show the Reader's 'Join Conversation' dialog" ) } </Button> <ReaderJoinConversationDialog onClose={ () => setIsVisible( false ) } isVisible={ isVisible } onLoginSuccess={ () => window.location.reload() } /> </div> ); }; export default ReaderJoinConversationDialogExample;