diff --git a/package.json b/package.json index e7ba0f7b28..4148799b79 100644 --- a/package.json +++ b/package.json @@ -7,7 +7,7 @@ "private": true, "dependencies": { "@audius/libs": "^1.0.9", - "@audius/stems": "0.2.11", + "@audius/stems": "0.2.12", "@optimizely/optimizely-sdk": "^4.0.0", "@reduxjs/toolkit": "^1.3.2", "@sentry/browser": "^5.10.2", diff --git a/src/components/source-files-modal/SourceFilesModal.tsx b/src/components/source-files-modal/SourceFilesModal.tsx index 6c8314768d..faae00dbb6 100644 --- a/src/components/source-files-modal/SourceFilesModal.tsx +++ b/src/components/source-files-modal/SourceFilesModal.tsx @@ -1,6 +1,11 @@ import React, { useCallback } from 'react' -import AudiusModal from 'components/general/AudiusModal' -import { Button, ButtonSize, ButtonType, IconRemove } from '@audius/stems' +import { + Button, + ButtonSize, + ButtonType, + IconRemove, + Modal +} from '@audius/stems' import styles from './SourceFilesModal.module.css' import Dropzone from 'components/upload/Dropzone' @@ -11,6 +16,11 @@ import IconButton from 'components/general/IconButton' import LoadingSpinner from 'components/loading-spinner/LoadingSpinner' import Switch from 'components/general/Switch' import cn from 'classnames' +import { + incrementScrollCount, + decrementScrollCount +} from 'store/application/ui/scrollLock/actions' +import { useDispatch } from 'react-redux' const MAX_ROWS = 5 @@ -263,8 +273,16 @@ const SourceFilesModal = ({ onSelectCategory, onDeleteStem }: SourceFilesModalProps) => { + const dispatch = useDispatch() + const incrementScroll = useCallback(() => dispatch(incrementScrollCount()), [ + dispatch + ]) + const decrementScroll = useCallback(() => dispatch(decrementScrollCount()), [ + dispatch + ]) + return ( - - + ) }