Add options on Import transactions screen to mark transactions as cleared/uncleared (#1451)

packages/desktop-client/src/components/modals/ImportTransactions.js

@@ -584,6 +584,8 @@ export default function ImportTransactions({ modalProps, options }) {
 
   let [parseDateFormat, setParseDateFormat] = useState(null);
 
+  let [clearOnImport, setClearOnImport] = useState(true);
+
   async function parse(filename, options) {
     setLoadingState('parsing');
 
@@ -741,6 +743,7 @@ export default function ImportTransactions({ modalProps, options }) {
         ...finalTransaction,
         date,
         amount: amountToInteger(amount),
+        cleared: clearOnImport,
       });
     }
 
@@ -943,6 +946,15 @@ export default function ImportTransactions({ modalProps, options }) {
                 >
                   File has header row
                 </CheckboxOption>
+                <CheckboxOption
+                  id="clear_on_import"
+                  checked={clearOnImport}
+                  onChange={() => {
+                    setClearOnImport(!clearOnImport);
+                  }}
+                >
+                  Clear transactions on import
+                </CheckboxOption>
               </View>
             )}
 

packages/desktop-client/src/icons/v2/Eye.js

@@ -47,4 +47,4 @@ const SvgEye = props => (
     />
   </svg>
 );
-export default SvgEye;
\ No newline at end of file
+export default SvgEye;

upcoming-release-notes/1451.md

+---
+category: Enhancements
+authors: [kstockk]
+---
+
+Add option on import transactions screen to mark the transactions as cleared/uncleared