refactor(DownloadButtonItem): Remove redux implementation

cozy · Nov 27, 2024 · ebca3c1 · ebca3c1
1 parent 15e1668
commit ebca3c1
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 22 deletions.
diff --git a/src/modules/drive/Toolbar/components/DownloadButtonItem.jsx b/src/modules/drive/Toolbar/components/DownloadButtonItem.jsx
@@ -1,26 +1,27 @@
-import compose from 'lodash/flowRight'
 import React from 'react'
-import { connect } from 'react-redux'
 
-import { withClient } from 'cozy-client'
+import { useClient } from 'cozy-client'
 import ActionsMenuItem from 'cozy-ui/transpiled/react/ActionsMenu/ActionsMenuItem'
 import Icon from 'cozy-ui/transpiled/react/Icon'
 import DownloadIcon from 'cozy-ui/transpiled/react/Icons/Download'
 import ListItemIcon from 'cozy-ui/transpiled/react/ListItemIcon'
 import ListItemText from 'cozy-ui/transpiled/react/ListItemText'
 import { useAlert } from 'cozy-ui/transpiled/react/providers/Alert'
-import { translate } from 'cozy-ui/transpiled/react/providers/I18n'
+import { useI18n } from 'cozy-ui/transpiled/react/providers/I18n'
 
 import { downloadFiles } from 'modules/actions/utils'
 
-const DownloadButtonItem = ({ t, downloadAll, displayedFolder }) => {
+const DownloadButtonItem = ({ files }) => {
   const { showAlert } = useAlert()
+  const { t } = useI18n()
+  const client = useClient()
+
+  const handleClick = () => {
+    downloadFiles(client, files, { showAlert, t })
+  }
 
   return (
-    <ActionsMenuItem
-      isListItem
-      onClick={() => downloadAll([displayedFolder], showAlert, t)}
-    >
+    <ActionsMenuItem isListItem onClick={handleClick}>
       <ListItemIcon>
         <Icon icon={DownloadIcon} />
       </ListItemIcon>
@@ -29,15 +30,4 @@ const DownloadButtonItem = ({ t, downloadAll, displayedFolder }) => {
   )
 }
 
-const mapDispatchToProps = (dispatch, ownProps) => ({
-  downloadAll: (folder, showAlert, t) => {
-    const client = ownProps.client
-    return downloadFiles(client, folder, { showAlert, t })
-  }
-})
-
-export default compose(
-  withClient,
-  translate(),
-  connect(null, mapDispatchToProps)
-)(DownloadButtonItem)
+export default DownloadButtonItem
diff --git a/src/modules/drive/Toolbar/components/MoreMenu.jsx b/src/modules/drive/Toolbar/components/MoreMenu.jsx
@@ -95,7 +95,7 @@ const MoreMenu = ({
               displayedFolder={displayedFolder}
               folderId={folderId}
             >
-              <DownloadButtonItem displayedFolder={displayedFolder} />
+              <DownloadButtonItem files={[displayedFolder]} />
             </InsideRegularFolder>
             {isMobile && hasWriteAccess && <AddMenuItem />}
             <SelectableItem onClick={showSelectionBar} />