added optional param for using CameraStream

DimaDemchenko · Jan 17, 2024 · 640d2ab · 640d2ab
1 parent a142112
commit 640d2ab
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/components/demo-scroll/DemoScroll.tsx b/src/components/demo-scroll/DemoScroll.tsx
@@ -44,8 +44,9 @@ export const DemoScroll = () => {
       <InfiniteScroll<Pokemon>
         getDataFunc={getDataFunc}
         renderItem={renderItem}
-        maxItemsInList={230}
+        maxItemsInList={500}
         itemsPerPage={5}
+        isScrollByCameraOn={true}
       />
     </div>
   )

diff --git a/src/components/infinite-scroll/InfiniteScroll.tsx b/src/components/infinite-scroll/InfiniteScroll.tsx
@@ -7,13 +7,15 @@ type InfiniteScrollProps<T> = {
   renderItem: (item: T) => JSX.Element
   maxItemsInList: number
   itemsPerPage: number
+  isScrollByCameraOn?: boolean
 }
 
 export const InfiniteScroll = <T,>({
   getDataFunc,
   renderItem,
   maxItemsInList,
   itemsPerPage,
+  isScrollByCameraOn,
 }: InfiniteScrollProps<T>) => {
   const [items, setItems] = useState<T[]>([])
   const [page, setPage] = useState(0)
@@ -71,7 +73,7 @@ export const InfiniteScroll = <T,>({
 
   return (
     <>
-      <CameraStream />
+      {isScrollByCameraOn && <CameraStream />}
       <div className={styles.listContainer}>
         <ul className={styles.list}>
           {items.map((item, index) => (