WIP: integrate debounce to qty inputs

[nedu64]

Attempted fix for debouncing qty inputs

Notes for Review

• For some reasons i can't seem to decipher why i can't access this.qty in the callback function passed to the debounce function:

function debounce(fn, delay) {
	let timeout;
	return function (...args) {
		clearTimeout(timeout);
		// We have access to this
		console.log(this);
		timeout = setTimeout(() => fn.apply(...args), delay);
	};
}

const LineItem = (props) => {
	return {
		qty: props.qty
		input: debounce(() => {
			// this is undefined
			this.qty = this.qty.replace(/\D/g, '');

			if(this.qty) {
				this.updateQty();
				console.log('update quantity');
			}
		}, 700),
}

This debounce function works in terms of the 700ms delay after every input, however, i can't access this.qty as stated above

All i've tried so far always leads me back to this point, currently out of ideas on what to try next