From a9ca764e7e23c0c14949c308a9ce54d4fdb9a361 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Thu, 22 Feb 2018 16:41:02 +0100 Subject: Throttle infinite scroller --- client/src/app/shared/misc/utils.ts | 20 ++++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) (limited to 'client/src/app/shared/misc/utils.ts') diff --git a/client/src/app/shared/misc/utils.ts b/client/src/app/shared/misc/utils.ts index 64bc69b0d..d520b1a7b 100644 --- a/client/src/app/shared/misc/utils.ts +++ b/client/src/app/shared/misc/utils.ts @@ -59,14 +59,6 @@ function immutableAssign (target: A, source: B) { return Object.assign({}, target, source) } -function isInSmallView () { - return window.innerWidth < 600 -} - -function isInMobileView () { - return window.innerWidth < 500 -} - // Thanks: https://gist.github.com/ghinda/8442a57f22099bdb2e34 function objectToFormData (obj: any, form?: FormData, namespace?: string) { let fd = form || new FormData() @@ -94,6 +86,18 @@ function lineFeedToHtml (obj: object, keyToNormalize: string) { }) } +// Try to cache a little bit window.innerWidth +let windowInnerWidth = window.innerWidth +setInterval(() => windowInnerWidth = window.innerWidth, 500) + +function isInSmallView () { + return windowInnerWidth < 600 +} + +function isInMobileView () { + return windowInnerWidth < 500 +} + export { viewportHeight, getParameterByName, -- cgit v1.2.3