aboutsummaryrefslogtreecommitdiff
path: root/src/lib/components/SmartList
diff options
context:
space:
mode:
authorEug-VS <eug-vs@keemail.me>2020-01-26 15:50:08 +0300
committerEug-VS <eug-vs@keemail.me>2020-01-26 15:57:53 +0300
commitcaee577929870603eb0ef7f28c89c2c4207b8050 (patch)
tree453a18f0bb12539a0b78ba1323ac4a336d6efd52 /src/lib/components/SmartList
parent54f982569b67f7401d91d9e9642065a403d4eb61 (diff)
downloadreact-benzin-caee577929870603eb0ef7f28c89c2c4207b8050.tar.gz
feat: initialize npm module, add components
Diffstat (limited to 'src/lib/components/SmartList')
-rw-r--r--src/lib/components/SmartList/SmartList.js28
1 files changed, 28 insertions, 0 deletions
diff --git a/src/lib/components/SmartList/SmartList.js b/src/lib/components/SmartList/SmartList.js
new file mode 100644
index 0000000..b462c47
--- /dev/null
+++ b/src/lib/components/SmartList/SmartList.js
@@ -0,0 +1,28 @@
+import React from 'react';
+
+import { FixedSizeList } from 'react-window';
+import AutoSizer from 'react-virtualized-auto-sizer';
+
+
+const SmartList = ({ itemSize, itemCount, renderItem }) => {
+
+ return (
+ <div style={{ flex: '1 1 auto', overflow: 'hidden' }}>
+ <AutoSizer>
+ {({ width, height }) => (
+ <FixedSizeList
+ height={height}
+ width={width}
+ itemSize={itemSize}
+ itemCount={itemCount}
+ >
+ {renderItem}
+ </FixedSizeList>
+ )}
+ </AutoSizer>
+ </div>
+ );
+};
+
+
+export default SmartList;