Code cleanup. Removed onCopyCard where it was not necessary.

client/src/components/BoardActions/Filters.jsx

@@ -25,7 +25,6 @@ const Filters = React.memo(
     onLabelUpdate,
     onLabelMove,
     onLabelDelete,
-    // onCopyCard,
   }) => {
     const [t] = useTranslation();
 
@@ -122,7 +121,6 @@ Filters.propTypes = {
   onLabelUpdate: PropTypes.func.isRequired,
   onLabelMove: PropTypes.func.isRequired,
   onLabelDelete: PropTypes.func.isRequired,
-  // onCopyCard: PropTypes.func.isRequired,
 };
 
 export default Filters;

client/src/components/Boards/Boards.jsx

@@ -14,8 +14,7 @@ import EditStep from './EditStep';
 
 import styles from './Boards.module.scss';
 
-const Boards = React.memo(
+const Boards = React.memo(({ items, currentId, canEdit, onCreate, onUpdate, onMove, onDelete }) => {
-  ({ items, currentId, canEdit, onCreate, onUpdate, onMove, onDelete, onCopyCard }) => {
   const tabsWrapper = useRef(null);
 
   const handleWheel = useCallback(({ deltaY }) => {
@@ -82,7 +81,6 @@ const Boards = React.memo(
                     defaultData={pick(item, 'name')}
                     onUpdate={(data) => handleUpdate(item.id, data)}
                     onDelete={() => handleDelete(item.id)}
-                      onCopyCard={onCopyCard}
                   >
                     <Button className={classNames(styles.editButton, styles.target)}>
                       <Icon fitted name="pencil" size="small" />
@@ -113,7 +111,7 @@ const Boards = React.memo(
                 {itemsNode}
                 {placeholder}
                 {canEdit && (
-                    <AddPopup onCreate={onCreate} onCopyCard={onCopyCard}>
+                  <AddPopup onCreate={onCreate}>
                     <Button icon="plus" className={styles.addButton} />
                   </AddPopup>
                 )}
@@ -124,8 +122,7 @@ const Boards = React.memo(
       </div>
     </div>
   );
-  },
+});
-);
 
 Boards.propTypes = {
   items: PropTypes.array.isRequired, // eslint-disable-line react/forbid-prop-types
@@ -135,7 +132,6 @@ Boards.propTypes = {
   onUpdate: PropTypes.func.isRequired,
   onMove: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
-  onCopyCard: PropTypes.func.isRequired,
 };
 
 Boards.defaultProps = {

client/src/components/Card/ActionsStep.jsx

@@ -132,7 +132,6 @@ const ActionsStep = React.memo(
               onUserSelect={onUserAdd}
               onUserDeselect={onUserRemove}
               onBack={handleBack}
-              onCopyCard={onCopyCard}
             />
           );
         case StepTypes.LABELS:
@@ -147,7 +146,6 @@ const ActionsStep = React.memo(
               onMove={onLabelMove}
               onDelete={onLabelDelete}
               onBack={handleBack}
-              onCopyCard={onCopyCard}
             />
           );
         case StepTypes.EDIT_DUE_DATE:
@@ -157,7 +155,6 @@ const ActionsStep = React.memo(
               onUpdate={handleDueDateUpdate}
               onBack={handleBack}
               onClose={onClose}
-              onCopyCard={onCopyCard}
             />
           );
         case StepTypes.EDIT_STOPWATCH:
@@ -167,7 +164,6 @@ const ActionsStep = React.memo(
               onUpdate={handleStopwatchUpdate}
               onBack={handleBack}
               onClose={onClose}
-              onCopyCard={onCopyCard}
             />
           );
         case StepTypes.MOVE:
@@ -180,7 +176,6 @@ const ActionsStep = React.memo(
               onBoardFetch={onBoardFetch}
               onBack={handleBack}
               onClose={onClose}
-              onCopyCard={onCopyCard}
             />
           );
         case StepTypes.DELETE:
@@ -191,7 +186,6 @@ const ActionsStep = React.memo(
               buttonContent="action.deleteCard"
               onConfirm={onDelete}
               onBack={handleBack}
-              onCopyCard={onCopyCard}
             />
           );
         case StepTypes.COPY:

client/src/components/CardModal/CardModal.jsx

@@ -259,7 +259,6 @@ const CardModal = React.memo(
                             currentUserIds={userIds}
                             onUserSelect={onUserAdd}
                             onUserDeselect={onUserRemove}
-                            onCopyCard={onCopyCard}
                           >
                             <User name={user.name} avatarUrl={user.avatarUrl} />
                           </BoardMembershipsPopup>
@@ -274,7 +273,6 @@ const CardModal = React.memo(
                         currentUserIds={userIds}
                         onUserSelect={onUserAdd}
                         onUserDeselect={onUserRemove}
-                        onCopyCard={onCopyCard}
                       >
                         <button
                           type="button"
@@ -306,7 +304,6 @@ const CardModal = React.memo(
                             onUpdate={onLabelUpdate}
                             onMove={onLabelMove}
                             onDelete={onLabelDelete}
-                            onCopyCard={onCopyCard}
                           >
                             <Label name={label.name} color={label.color} />
                           </LabelsPopup>
@@ -325,7 +322,6 @@ const CardModal = React.memo(
                         onUpdate={onLabelUpdate}
                         onMove={onLabelMove}
                         onDelete={onLabelDelete}
-                        onCopyCard={onCopyCard}
                       >
                         <button
                           type="button"
@@ -346,15 +342,11 @@ const CardModal = React.memo(
                     </div>
                     <span className={styles.attachment}>
                       {canEdit ? (
-                        <DueDateEditPopup
+                        <DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
-                          defaultValue={dueDate}
+                          <DueDate value={dueDate} />
-                          onUpdate={handleDueDateUpdate}
-                          onCopyCard={onCopyCard}
-                        >
-                          <DueDate value={dueDate} onCopyCard={onCopyCard} />
                         </DueDateEditPopup>
                       ) : (
-                        <DueDate value={dueDate} onCopyCard={onCopyCard} />
+                        <DueDate value={dueDate} />
                       )}
                     </span>
                   </div>
@@ -372,18 +364,10 @@ const CardModal = React.memo(
                           defaultValue={stopwatch}
                           onUpdate={handleStopwatchUpdate}
                         >
-                          <Stopwatch
+                          <Stopwatch startedAt={stopwatch.startedAt} total={stopwatch.total} />
-                            startedAt={stopwatch.startedAt}
-                            total={stopwatch.total}
-                            onCopyCard={onCopyCard}
-                          />
                         </StopwatchEditPopup>
                       ) : (
-                        <Stopwatch
+                        <Stopwatch startedAt={stopwatch.startedAt} total={stopwatch.total} />
-                          startedAt={stopwatch.startedAt}
-                          total={stopwatch.total}
-                          onCopyCard={onCopyCard}
-                        />
                       )}
                     </span>
                     {canEdit && (
@@ -409,11 +393,7 @@ const CardModal = React.memo(
                   <Icon name="align justify" className={styles.moduleIcon} />
                   <div className={styles.moduleHeader}>{t('common.description')}</div>
                   {canEdit ? (
-                    <DescriptionEdit
+                    <DescriptionEdit defaultValue={description} onUpdate={handleDescriptionUpdate}>
-                      defaultValue={description}
-                      onUpdate={handleDescriptionUpdate}
-                      onCopyCard={onCopyCard}
-                    >
                       {description ? (
                         <button
                           type="button"
@@ -453,7 +433,6 @@ const CardModal = React.memo(
                     onUpdate={onTaskUpdate}
                     onMove={onTaskMove}
                     onDelete={onTaskDelete}
-                    onCopyCard={onCopyCard}
                   />
                 </div>
               </div>
@@ -471,7 +450,6 @@ const CardModal = React.memo(
                     onCoverUpdate={handleCoverUpdate}
                     onGalleryOpen={handleGalleryOpen}
                     onGalleryClose={handleGalleryClose}
-                    onCopyCard={onCopyCard}
                   />
                 </div>
               </div>
@@ -489,7 +467,6 @@ const CardModal = React.memo(
               onCommentCreate={onCommentActivityCreate}
               onCommentUpdate={onCommentActivityUpdate}
               onCommentDelete={onCommentActivityDelete}
-              onCopyCard={onCopyCard}
             />
           </Grid.Column>
           {canEdit && (
@@ -501,7 +478,6 @@ const CardModal = React.memo(
                   currentUserIds={userIds}
                   onUserSelect={onUserAdd}
                   onUserDeselect={onUserRemove}
-                  onCopyCard={onCopyCard}
                 >
                   <Button fluid className={styles.actionButton}>
                     <Icon name="user outline" className={styles.actionIcon} />
@@ -517,18 +493,13 @@ const CardModal = React.memo(
                   onUpdate={onLabelUpdate}
                   onMove={onLabelMove}
                   onDelete={onLabelDelete}
-                  onCopyCard={onCopyCard}
                 >
                   <Button fluid className={styles.actionButton}>
                     <Icon name="bookmark outline" className={styles.actionIcon} />
                     {t('common.labels')}
                   </Button>
                 </LabelsPopup>
-                <DueDateEditPopup
+                <DueDateEditPopup defaultValue={dueDate} onUpdate={handleDueDateUpdate}>
-                  defaultValue={dueDate}
-                  onUpdate={handleDueDateUpdate}
-                  onCopyCard={onCopyCard}
-                >
                   <Button fluid className={styles.actionButton}>
                     <Icon name="calendar check outline" className={styles.actionIcon} />
                     {t('common.dueDate', {
@@ -536,17 +507,13 @@ const CardModal = React.memo(
                     })}
                   </Button>
                 </DueDateEditPopup>
-                <StopwatchEditPopup
+                <StopwatchEditPopup defaultValue={stopwatch} onUpdate={handleStopwatchUpdate}>
-                  defaultValue={stopwatch}
-                  onUpdate={handleStopwatchUpdate}
-                  onCopyCard={onCopyCard}
-                >
                   <Button fluid className={styles.actionButton}>
                     <Icon name="clock outline" className={styles.actionIcon} />
                     {t('common.stopwatch')}
                   </Button>
                 </StopwatchEditPopup>
-                <AttachmentAddPopup onCreate={onAttachmentCreate} onCopyCard={onCopyCard}>
+                <AttachmentAddPopup onCreate={onAttachmentCreate}>
                   <Button fluid className={styles.actionButton}>
                     <Icon name="attach" className={styles.actionIcon} />
                     {t('common.attachment')}
@@ -573,7 +540,6 @@ const CardModal = React.memo(
                   onMove={onMove}
                   onTransfer={onTransfer}
                   onBoardFetch={onBoardFetch}
-                  onCopyCard={onCopyCard}
                 >
                   <Button
                     fluid

client/src/components/LabelsStep/LabelsStep.jsx

@@ -32,7 +32,6 @@ const LabelsStep = React.memo(
     onMove,
     onDelete,
     onBack,
-    onCopyCard,
   }) => {
     const [t] = useTranslation();
     const [step, openStep, handleBack] = useSteps();
@@ -119,7 +118,6 @@ const LabelsStep = React.memo(
               }}
               onCreate={onCreate}
               onBack={handleBack}
-              onCopyCard={onCopyCard}
             />
           );
         case StepTypes.EDIT: {
@@ -132,7 +130,6 @@ const LabelsStep = React.memo(
                 onUpdate={(data) => handleUpdate(currentItem.id, data)}
                 onDelete={() => handleDelete(currentItem.id)}
                 onBack={handleBack}
-                onCopyCard={onCopyCard}
               />
             );
           }
@@ -183,7 +180,6 @@ const LabelsStep = React.memo(
                         onSelect={() => handleSelect(item.id)}
                         onDeselect={() => handleDeselect(item.id)}
                         onEdit={() => handleEdit(item.id)}
-                        onCopyCard={onCopyCard}
                       />
                     ))}
                     {placeholder}
@@ -231,14 +227,12 @@ LabelsStep.propTypes = {
   onMove: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
   onBack: PropTypes.func,
-  onCopyCard: PropTypes.func,
 };
 
 LabelsStep.defaultProps = {
   title: 'common.labels',
   canEdit: true,
   onBack: undefined,
-  onCopyCard: undefined,
 };
 
 export default LabelsStep;

client/src/components/List/List.jsx

@@ -16,18 +16,7 @@ import { ReactComponent as PlusMathIcon } from '../../assets/images/plus-math-ic
 import styles from './List.module.scss';
 
 const List = React.memo(
-  ({
+  ({ id, index, name, isPersisted, cardIds, canEdit, onUpdate, onDelete, onCardCreate }) => {
-    id,
-    index,
-    name,
-    isPersisted,
-    cardIds,
-    canEdit,
-    onUpdate,
-    onDelete,
-    onCardCreate,
-    onCopyCard,
-  }) => {
     const [t] = useTranslation();
     const [isAddCardOpened, setIsAddCardOpened] = useState(false);
     const [selectedOption, setSelectedOption] = useState('name');
@@ -134,8 +123,6 @@ const List = React.memo(
                     onSort={onSort}
                     selectedOption={selectedOption}
                     setSelectedOption={setSelectedOption}
-                    onCopyCard={onCopyCard}
-                    id={id}
                   >
                     <Button className={classNames(styles.headerButton, styles.target)}>
                       <Icon fitted name="pencil" size="small" />
@@ -183,11 +170,6 @@ List.propTypes = {
   onUpdate: PropTypes.func.isRequired,
   onDelete: PropTypes.func.isRequired,
   onCardCreate: PropTypes.func.isRequired,
-  onCopyCard: PropTypes.func,
-};
-
-List.defaultProps = {
-  onCopyCard: undefined,
 };
 
 export default List;

client/src/containers/BoardsContainer.js

@@ -25,7 +25,6 @@ const mapDispatchToProps = (dispatch) =>
       onMove: entryActions.moveBoard,
       onDelete: entryActions.deleteBoard,
       onSort: entryActions.sortBoard,
-      onCopyCard: entryActions.copyCard,
     },
     dispatch,
   );