Compose form in the UI now has public/private toggle instead of public/unlisted

diff --git a/app/assets/javascripts/components/actions/compose.jsx b/app/assets/javascripts/components/actions/compose.jsx
index fdb0abdcd554198ac86b5df6e0dbf919684ec8c6..9c9ec9ddec80d798706fb677c3514802d4cb1be8 100644 (file)
--- a/app/assets/javascripts/components/actions/compose.jsx
+++ b/app/assets/javascripts/components/actions/compose.jsx
@@ -67,14 +67,14 @@ export function submitCompose() {
       in_reply_to_id: getState().getIn(['compose', 'in_reply_to'], null),
       media_ids: getState().getIn(['compose', 'media_attachments']).map(item => item.get('id')),
       sensitive: getState().getIn(['compose', 'sensitive']),
-      visibility: getState().getIn(['compose', 'unlisted']) ? 'unlisted' : 'public'
+      visibility: getState().getIn(['compose', 'private']) ? 'private' : 'public'
     }).then(function (response) {
       dispatch(submitComposeSuccess({ ...response.data }));
 
       // To make the app more responsive, immediately get the status into the columns
       dispatch(updateTimeline('home', { ...response.data }));
 
-      if (response.data.in_reply_to_id === null && !getState().getIn(['compose', 'unlisted'])) {
+      if (response.data.in_reply_to_id === null && !getState().getIn(['compose', 'private'])) {
         dispatch(updateTimeline('public', { ...response.data }));
       }
     }).catch(function (error) {

diff --git a/app/assets/javascripts/components/features/compose/components/compose_form.jsx b/app/assets/javascripts/components/features/compose/components/compose_form.jsx
index 200502dadd2baefe65ddb7fb8b5157e3c1228e24..6a0e6778da91ad9a13b5b66576f9c08dc0b825d8 100644 (file)
--- a/app/assets/javascripts/components/features/compose/components/compose_form.jsx
+++ b/app/assets/javascripts/components/features/compose/components/compose_form.jsx
@@ -117,8 +117,8 @@ const ComposeForm = React.createClass({
         </div>
 
         <label style={{ display: 'block', lineHeight: '24px', verticalAlign: 'middle', marginTop: '10px', borderTop: '1px solid #282c37', paddingTop: '10px' }}>
-          <Toggle checked={this.props.unlisted} onChange={this.handleChangeVisibility} />
-          <span style={{ display: 'inline-block', verticalAlign: 'middle', marginBottom: '14px', marginLeft: '8px', color: '#9baec8' }}><FormattedMessage id='compose_form.unlisted' defaultMessage='Do not show on public timeline' /></span>
+          <Toggle checked={this.props.private} onChange={this.handleChangeVisibility} />
+          <span style={{ display: 'inline-block', verticalAlign: 'middle', marginBottom: '14px', marginLeft: '8px', color: '#9baec8' }}><FormattedMessage id='compose_form.private' defaultMessage='Mark as private' /></span>
         </label>
 
         <label style={{ display: 'block', lineHeight: '24px', verticalAlign: 'middle' }}>

diff --git a/app/assets/javascripts/components/features/compose/containers/compose_form_container.jsx b/app/assets/javascripts/components/features/compose/containers/compose_form_container.jsx
index c774b26872a5badb8da20e38490574561a980b3f..885d7a47f78cc1d2a6fc7e649a3a9d4e5b6884ac 100644 (file)
--- a/app/assets/javascripts/components/features/compose/containers/compose_form_container.jsx
+++ b/app/assets/javascripts/components/features/compose/containers/compose_form_container.jsx
@@ -21,7 +21,7 @@ const makeMapStateToProps = () => {
       suggestion_token: state.getIn(['compose', 'suggestion_token']),
       suggestions: state.getIn(['compose', 'suggestions']),
       sensitive: state.getIn(['compose', 'sensitive']),
-      unlisted: state.getIn(['compose', 'unlisted']),
+      private: state.getIn(['compose', 'private']),
       is_submitting: state.getIn(['compose', 'is_submitting']),
       is_uploading: state.getIn(['compose', 'is_uploading']),
       in_reply_to: getStatus(state, state.getIn(['compose', 'in_reply_to']))

diff --git a/app/assets/javascripts/components/locales/en.jsx b/app/assets/javascripts/components/locales/en.jsx
index 93369654fdd117facb38aae8d2fb00480775b769..ddd7dd0c854bc9e7ef8cd024d5ebe7d99f02a059 100644 (file)
--- a/app/assets/javascripts/components/locales/en.jsx
+++ b/app/assets/javascripts/components/locales/en.jsx
@@ -37,8 +37,8 @@ const en = {
   "tabs_bar.notifications": "Notifications",
   "compose_form.placeholder": "What is on your mind?",
   "compose_form.publish": "Toot",
-  "compose_form.sensitive": "Mark content as sensitive",
-  "compose_form.unlisted": "Do not show on public timeline",
+  "compose_form.sensitive": "Mark media as sensitive",
+  "compose_form.private": "Mark as private",
   "navigation_bar.settings": "Settings",
   "navigation_bar.public_timeline": "Public timeline",
   "navigation_bar.logout": "Logout",

diff --git a/app/assets/javascripts/components/reducers/compose.jsx b/app/assets/javascripts/components/reducers/compose.jsx
index 4bb76dff0afe395d0611aba17eaec0b267f991ed..bdf374a008d134fa86ae86bb40e8c457c5a38b93 100644 (file)
--- a/app/assets/javascripts/components/reducers/compose.jsx
+++ b/app/assets/javascripts/components/reducers/compose.jsx
@@ -26,7 +26,7 @@ import Immutable from 'immutable';
 const initialState = Immutable.Map({
   mounted: false,
   sensitive: false,
-  unlisted: false,
+  private: false,
   text: '',
   in_reply_to: null,
   is_submitting: false,
@@ -92,7 +92,7 @@ export default function compose(state = initialState, action) {
     case COMPOSE_SENSITIVITY_CHANGE:
       return state.set('sensitive', action.checked);
     case COMPOSE_VISIBILITY_CHANGE:
-      return state.set('unlisted', action.checked);
+      return state.set('private', action.checked);
     case COMPOSE_CHANGE:
       return state.set('text', action.text);
     case COMPOSE_REPLY:
@@ -136,7 +136,7 @@ export default function compose(state = initialState, action) {
         return state;
       }
     case ACCOUNT_SET_SELF:
-      return state.set('me', action.account.id);
+      return state.set('me', action.account.id).set('private', action.account.locked);
     default:
       return state;
   }