about summary refs log tree commit diff
path: root/app/assets/javascripts/components/features/compose/containers/compose_form_container.jsx
blob: bff273c15c3275921e682f81b6927935af72d658 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import { connect } from 'react-redux';
import ComposeForm from '../components/compose_form';
import {
  changeCompose,
  submitCompose,
  clearComposeSuggestions,
  fetchComposeSuggestions,
  selectComposeSuggestion,
  changeComposeSensitivity,
  changeComposeSpoilerness,
  changeComposeSpoilerText,
  changeComposeVisibility,
  changeComposeListability
} from '../../../actions/compose';

const mapStateToProps = (state, props) => {
  const mentionedUsernamesWithDomains = state.getIn(['compose', 'text']).match(/(?:^|[^\/\w])@([a-z0-9_]+@[a-z0-9\.\-]+)/ig);

  return {
    text: state.getIn(['compose', 'text']),
    suggestion_token: state.getIn(['compose', 'suggestion_token']),
    suggestions: state.getIn(['compose', 'suggestions']),
    sensitive: state.getIn(['compose', 'sensitive']),
    spoiler: state.getIn(['compose', 'spoiler']),
    spoiler_text: state.getIn(['compose', 'spoiler_text']),
    unlisted: state.getIn(['compose', 'unlisted'], ),
    private: state.getIn(['compose', 'private']),
    fileDropDate: state.getIn(['compose', 'fileDropDate']),
    focusDate: state.getIn(['compose', 'focusDate']),
    preselectDate: state.getIn(['compose', 'preselectDate']),
    is_submitting: state.getIn(['compose', 'is_submitting']),
    is_uploading: state.getIn(['compose', 'is_uploading']),
    media_count: state.getIn(['compose', 'media_attachments']).size,
    me: state.getIn(['compose', 'me']),
    needsPrivacyWarning: state.getIn(['compose', 'private']) && mentionedUsernamesWithDomains !== null,
    mentionedDomains: mentionedUsernamesWithDomains !== null ? [...new Set(mentionedUsernamesWithDomains.map(item => item.split('@')[2]))] : []
  };
};

const mapDispatchToProps = (dispatch) => ({

  onChange (text) {
    dispatch(changeCompose(text));
  },

  onSubmit () {
    dispatch(submitCompose());
  },

  onClearSuggestions () {
    dispatch(clearComposeSuggestions());
  },

  onFetchSuggestions (token) {
    dispatch(fetchComposeSuggestions(token));
  },

  onSuggestionSelected (position, token, accountId) {
    dispatch(selectComposeSuggestion(position, token, accountId));
  },

  onChangeSensitivity (checked) {
    dispatch(changeComposeSensitivity(checked));
  },

  onChangeSpoilerness (checked) {
    dispatch(changeComposeSpoilerness(checked));
  },

  onChangeSpoilerText (checked) {
    dispatch(changeComposeSpoilerText(checked));
  },

  onChangeVisibility (checked) {
    dispatch(changeComposeVisibility(checked));
  },

});

export default connect(mapStateToProps, mapDispatchToProps)(ComposeForm);