feat(Tracking): add checkbox to post worklog comment also as issue co…

…mment

ISSUES CLOSED: #90

app/containers/IssueView/TrackingBar/WorklogCommentDialog/WorklogCommentDialog.jsx

@@ -23,6 +23,7 @@ import {
   EditButtonContainer,
 } from './styled';
 
+import WorklogCommentOptions from './WorklogCommentOptions';
 
 type Props = {
   issue: Issue,
@@ -106,6 +107,7 @@ class WorklogCommentDialog extends PureComponent<Props, State> {
           onConfirm={this.onConfirm}
           onCancel={this.onCancel}
         />
+        <WorklogCommentOptions />
         <RemainingEstimatePicker
           issue={this.props.issue}
           value={this.props.remainingEstimateValue}

app/containers/IssueView/TrackingBar/WorklogCommentDialog/WorklogCommentOptions.jsx

@@ -0,0 +1,68 @@
+// @flow
+import React from 'react';
+import { connect } from 'react-redux';
+import { compose, withHandlers } from 'recompose';
+
+import {
+  CheckboxStateless as Checkbox,
+  CheckboxGroup,
+} from '@atlaskit/checkbox';
+
+import {
+  uiActions,
+} from 'actions';
+import {
+  getUiState,
+} from 'selectors';
+
+import type {
+  StatelessFunctionalComponent,
+  Node,
+} from 'react';
+
+import type {
+  Dispatch,
+} from 'types';
+
+import {
+  IssueCommentCheckboxWrapper,
+} from './styled';
+
+type Props = {
+  postAlsoAsIssueComment: boolean,
+  changePostOption: () => void,
+};
+
+const WorklogCommentOptions: StatelessFunctionalComponent<Props> = ({
+  postAlsoAsIssueComment,
+  changePostOption,
+}: Props): Node =>
+  <IssueCommentCheckboxWrapper>
+    <CheckboxGroup>
+      <Checkbox
+        isChecked={postAlsoAsIssueComment}
+        value={postAlsoAsIssueComment}
+        name="postAlsoAsIssueComment"
+        label="Post also as comment to issue"
+        onChange={changePostOption}
+      />
+    </CheckboxGroup>
+  </IssueCommentCheckboxWrapper>;
+
+export default compose(
+  connect(
+    state => ({
+      postAlsoAsIssueComment: getUiState('postAlsoAsIssueComment')(state),
+    }),
+    dispatch => ({ dispatch }),
+  ),
+  withHandlers({
+    changePostOption: ({
+      dispatch,
+      postAlsoAsIssueComment,
+    }: {
+      postAlsoAsIssueComment: boolean,
+      dispatch: Dispatch,
+    }) => () => dispatch(uiActions.setUiState('postAlsoAsIssueComment', !postAlsoAsIssueComment))
+  })
+)(WorklogCommentOptions);

app/containers/IssueView/TrackingBar/WorklogCommentDialog/styled/index.jsx

@@ -18,3 +18,7 @@ export const EditButton = styled(EditFilledIcon)`
 export const EditButtonContainer = styled.div`
   cursor: pointer;
 `;
+
+export const IssueCommentCheckboxWrapper = styled.div`
+  margin-left: -10px;
+`;

app/reducers/ui.js

@@ -45,6 +45,7 @@ const initialState: UiState = {
   editWorklogId: null,
   worklogFormIssueId: null,
   worklogComment: '',
+  postAlsoAsIssueComment: false,
   remainingEstimateValue: 'auto',
   remainingEstimateNewValue: '',
   remainingEstimateReduceByValue: '',

app/sagas/worklogs.js

@@ -22,6 +22,7 @@ import {
 import {
   types,
   uiActions,
+  issuesActions,
 } from 'actions';
 import {
   getResourceIds,
@@ -266,9 +267,15 @@ export function* uploadWorklog(options: any): Generator<*, *, *> {
       },
     });
 
+    const postAlsoAsIssueComment = yield select(getUiState('postAlsoAsIssueComment'));
+    if (postAlsoAsIssueComment && options.comment) {
+      yield put(issuesActions.commentRequest(options.comment, options.issueId));
+    }
+
     // reset ui state
     yield put(uiActions.resetUiState([
       'worklogComment',
+      'postAlsoAsIssueComment',
       'remainingEstimateValue',
       'remainingEstimateNewValue',
       'remainingEstimateReduceByValue',

app/types/ui.js

@@ -89,6 +89,7 @@ export type UiState = {|
   editWorklogId: Id | null,
   worklogFormIssueId: Id | null,
   worklogComment: string,
+  postAlsoAsIssueComment: boolean,
   remainingEstimateValue: RemainingEstimate,
   remainingEstimateNewValue: string,
   remainingEstimateReduceByValue: string,