import React from 'react'; import Link from 'next/link'; import { routes } from 'env/routes'; import { useTranslation, Trans } from 'react-i18next'; import { withRouter } from 'next/router'; import { inject, observer } from 'mobx-react'; import InputField from 'ui/components/forms/InputField'; import BooleanInputField from 'ui/components/forms/BooleanInputField'; import asForm from 'ui/components/forms/asForm'; import NxMentionsInput from 'ui/components/forms/NxMentionsInput/NxMentionsInput'; import LoadingSpinner from 'ui/components/LoadingSpinner'; import SelectField from 'ui/components/forms/SelectField'; import withCustomComponent from 'ui/components/withCustomComponent'; import TagsInputField from 'ui/components/forms/TagsInputField'; export const CommunityBoardStartForm = withCustomComponent( 'CommunityBoardStartForm' )( asForm( inject( 'appStore', 'authStore', 'communityStore' )( withRouter( observer( ({ updateProperty, newCommunityBoardMessage, appStore, authStore, communityStore, router, }) => { const { t } = useTranslation(); const { isSignalRConnected, configuration } = appStore; const { customer } = authStore; const { isSavingNewCommunityBoardMessage, communityStartPage } = communityStore; const saveNewMessage = () => { communityStore .saveNewCommunityBoardMessage({ isPrivate: newCommunityBoardMessage.Private, }) .then(() => { appStore.setPopMessage(t('Your message has been posted')); if (newCommunityBoardMessage.GroupId > 0) router.push( routes.forum_by_group('[group_id]'), routes.forum_by_group(newCommunityBoardMessage.GroupId) ); else router.push(routes.forum); }) .catch((err) => appStore.setPopMessage( t('Sorry, your message could not be sent. ' + err) ) ); }; return (

{t('This will serve as the title of your board.')}

{t( 'You can use MarkDown syntax to give format to your message' )}

{t( "Invite other people to this conversation by mentioning them: type the '@' symbol followed by their name or by adding them below." )}

{communityStartPage.Groups.map((group, i) => ( ))}

{t( 'Help others find your posts by tagging them. Hit enter after each tag. Maximum three tags, choose wisely.' )}

{t( 'Max 10Mb. Hold Ctrl in Windows or Command in Mac to select more than one file' )}

{configuration['Zoom.Enabled'] && ( <>

{t('Include Zoom Meeting link')}

{t( 'Include a Zoom Meeting Invite in this conversation to let others join the conversation. The link will be valid for up to 30 days.' )}

{!customer.HasZoom && ( <>

Heads up!

You must connect your Zoom account {' '} to be able to include Zoom links in the community board.

)}

{t('Make this conversation private.')}

{t( 'Only you and the people you invite will see this conversation.' )}

{t('Instant delivery')}

Most members choose to only receive a notification about new conversations every morning. Enable this option to notify everyone about this conversation right away. Please use responsibly.

{/*

*/}

{t('Cancel')}

); } ) ) ), 'newCommunityBoardMessage' ) );

Available resources