const Paginator = (props) => {
  const pageSize = 10;
  const [leftIndex, setLeftIndex] = useState(0);
  const [rightIndex, setRightIndex] = useState(pageSize);

  const handlePaginateRight = () => {
    if (rightIndex > numberOfResults) return; // guard clause - although not necessary given button is disabled lower down

    console.log(`paginating right from:${leftIndex} ${rightIndex}`);
    setLeftIndex(leftIndex + pageSize);
    setRightIndex(rightIndex + pageSize);
    console.log(`paginating right to:${leftIndex} ${rightIndex}`);
    props.setPaginatedRecords(
      props.filteredRecords.slice(leftIndex + pageSize, rightIndex + pageSize) // This feels like a hack to me
    );
  };

Sad Panda fucked around with this message at 18:25 on Apr 3, 2023

import { useEffect } from 'react' 

const handlePaginateRight = () => {
    if (rightIndex > numberOfResults) return; // guard clause - although not necessary given button is disabled lower down

    setLeftIndex(leftIndex + pageSize);
    setRightIndex(rightIndex + pageSize);
};

useEffect(() => {
    /* 
        listen for when leftIndex or rightIndex changes and do something with the new values

        react also batches multiple state updates that happen in the same function so you can be sure this will only be invoked after both leftIndex and rightIndex are updated
    */
   props.setPaginatedRecords(leftIndex, rightIndex)
}, [rightIndex, leftIndex])

teen phone cutie fucked around with this message at 18:39 on Apr 3, 2023

const buildRowPromise = async (dbObj) => {
	const csvRow = await convertDbObj(dbObj);
	return csvRow;
};

const buildSubcategoryPromise = async (category, subcategory) => {
	const dbObjs = await getDBObj(category, subcategory);
	return dbObjs.map(async (dbObj) => await buildRowPromise(dbObj));
}

const buildCategoryPromise = async (category) => {
	const subcategories = await getSubcategories(category);
	return subcategories.map(async (subcategory) => await buildSubcategoryPromise(category, subcategory));
}

const handlePromises = async (categoryPromises, fileStream) => {
	while (categoryPromises.length > 0) {
		subcategoryPromises = await categoryPromises[0];
		while (subcategoryPromises.length > 0) {
			[rowPromises, subcategoryPromiseIndex] = await Promise.any(
				subcategoryPromises.map(addIndexToResolve)
			);
			while (rowPromises.length > 0) {
				[row, rowPromiseIndex] = await Promise.any(
					rowPromises.map(addIndexToResolve)
				);
				fileStream.write(row);
				rowPromises.splice(rowPromiseIndex, 1);
			}
			subcategoryPromises.splice(subcategoryPromiseIndex, 1);
		}
		categoryPromises.shift();
	}
}

const categoriesOrdered = await getCategoriesOrdered();
const categoryPromises = categoriesOrdered.map(async (category) => await buildCategoryPromise(category))
await handlePromises(categoryPromises, fileStream);

i vomit kittens fucked around with this message at 04:22 on Apr 12, 2023

MrMoo fucked around with this message at 17:22 on May 26, 2023

interface A {
  foo: string;
}

const thing: A = { foo: “value” };

class A {
  constructor(
    public foo: string,
  ) { }
}

const a: A = new A('bar');
console.info(a.foo);

necrotic fucked around with this message at 20:01 on Jun 21, 2023

interface Foo {
	a: string;
}

const doSomethingWithFoo = (foo: Foo): void => console.log(foo.a);

const someData = { a: 'hello' };
doSomethingWithFoo(someData); // this is totally okay

Obfuscation fucked around with this message at 20:12 on Jun 21, 2023

Vino fucked around with this message at 19:18 on Jun 23, 2023

const fooThing = {
   a: "",
   b: 0,
   c: "",
}

type Foo = typeof fooThing

const barThing: Foo = {
  ...fooThing, // "Copy" the object into this one
  a: "farts", // assign a new value
}

const fooThing = {
   a: [1, 2, 3],
   b: {
     foo: 'bar',
   },
};

type Foo = typeof fooThing

const barThing: Foo = {
  ...fooThing,
  a: [5, 6, 7], // Here we _replace_ a with a new array
};

barThing.a.push(8);
console.info(fooThing.a); // Still 1, 2, 3!
console.info(barThing.a); // 5, 6, 7, 8

barThing.b.foo = 'baz';
console.info(fooThing.b.foo); // Oops, this is now also 'baz'!

necrotic fucked around with this message at 19:35 on Jun 23, 2023