perf: improve rendering performance for Library (#6587)

* perf: improve rendering performance for Library

* fix: return onDrag and onToggle functionality to Library Items

* perf: cache exportToSvg output

* fix: lint warning

* fix: add onClick handler into LibraryUnit

* feat: better spinner

* fix: useCallback for getInsertedElements to fix linter error

* feat: different batch size when svgs are cached

* fix: library items alignment in row

* feat: skeleton instead of spinner

* fix: remove unused variables

* feat: use css vars instead of hadcoded colors

* feat: reverting skeleton, removing spinner

* cleanup and unrelated refactor

* change ROWS_RENDERED_PER_BATCH to 6

---------

Co-authored-by: dwelle <luzar.david@gmail.com>

This commit is contained in:

Arnost Pleskot

2023-05-24 16:40:20 +02:00

committed by

GitHub

parent a4f05339aa

commit 7340c70a06

7 changed files with 295 additions and 180 deletions

									
										src/components/Spinner.scss
									
		+1
		
												View File
												
				@@ -15,6 +15,7 @@ $duration: 1.6s;

				    svg {

				      animation: rotate $duration linear infinite;

				      animation-delay: var(--spinner-delay);

				      transform-origin: center center;

				    }