3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-08-06 09:59:00 +02:00
Code Issues Projects Releases Packages Wiki Activity

Remove debounce

Browse source
This commit is contained in:
Luke Vella 2022-04-16 16:25:03 +01:00
parent 18d5316bc3
commit f38392e9b0
1 changed files with 2 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/poll/poll.tsx
View file

@ -1,6 +1,5 @@
import clsx from "clsx"; import clsx from "clsx";
import { AnimatePresence, motion } from "framer-motion"; import { AnimatePresence, motion } from "framer-motion";
import debounce from "lodash/debounce";
import { useTranslation } from "next-i18next"; import { useTranslation } from "next-i18next";
import * as React from "react"; import * as React from "react";
import { useMeasure } from "react-use"; import { useMeasure } from "react-use";
@ -105,11 +104,6 @@ const Poll: React.VoidFunctionComponent<PollProps> = ({
const maxScrollPosition = const maxScrollPosition =
columnWidth * options.length - columnWidth * numberOfVisibleColumns; columnWidth * options.length - columnWidth * numberOfVisibleColumns;
const debouncedSetScrollPosition = React.useMemo(
() => debounce(setScrollPosition, 200),
[],
);
const numberOfInvisibleColumns = options.length - numberOfVisibleColumns; const numberOfInvisibleColumns = options.length - numberOfVisibleColumns;
const [didUsePagination, setDidUsePagination] = React.useState(false); const [didUsePagination, setDidUsePagination] = React.useState(false);
@ -123,7 +117,7 @@ const Poll: React.VoidFunctionComponent<PollProps> = ({
const { mutate: addParticipant } = useAddParticipantMutation(pollId); const { mutate: addParticipant } = useAddParticipantMutation(pollId);
const goToNextPage = () => { const goToNextPage = () => {
debouncedSetScrollPosition( setScrollPosition(
Math.min( Math.min(
maxScrollPosition, maxScrollPosition,
scrollPosition + numberOfVisibleColumns * columnWidth, scrollPosition + numberOfVisibleColumns * columnWidth,
@ -145,7 +139,7 @@ const Poll: React.VoidFunctionComponent<PollProps> = ({
activeOptionId, activeOptionId,
setActiveOptionId, setActiveOptionId,
scrollPosition, scrollPosition,
setScrollPosition: debouncedSetScrollPosition, setScrollPosition,
columnWidth, columnWidth,
sidebarWidth, sidebarWidth,
goToNextPage, goToNextPage,