File management plugged

murilopolese · murilopolese · commit f05c5bbe5c26 · 2023-04-19T18:13:37.000+02:00
diff --git a/ui/ftp/components/fileManagementView.tsx b/ui/ftp/components/fileManagementView.tsx
@@ -1,20 +1,33 @@
 import React from 'react'
 
+import { File, DeviceType } from '../main.type.ts'
+
 type FileManagementParams = () => {
   upload: () => void
   download: () => void
   remove: () => void
   refresh: () => void
+  canDownload: Boolean,
+  canUpload: Boolean,
+  selectedFiles: File[]
 }
 
 const FileManagementView: React.FC = ({ logic }) => {
-    const { refresh } : FileManagementParams = logic()
+    const {
+      refresh,
+      download,
+      upload,
+      remove,
+      canUpload,
+      canDownload,
+      selectedFiles = []
+    } : FileManagementParams = logic()
     return (
       <div className="file-management column align-center justify-center">
         <button onClick={refresh}>↺</button>
-        <button>←</button>
-        <button>→</button>
-        <button>×</button>
+        <button disabled={!canUpload} onClick={upload}>←</button>
+        <button disabled={!canDownload} onClick={download}>→</button>
+        <button onClick={remove}>×</button>
       </div>
     )
 }
diff --git a/ui/ftp/main.logic.ts b/ui/ftp/main.logic.ts
@@ -144,6 +144,8 @@ export const useMainLogic = function() {
     navigate: navigateDisk
   })
   const fileManagementLogic = () => ({
+    canUpload: selectedFiles.find(f => f.device === DeviceType.disk) && serialPath,
+    canDownload: selectedFiles.find(f => f.device === DeviceType.serial) && diskPath,
     upload: async () => {
       setWaiting(true)
       try {
@@ -180,7 +182,7 @@ export const useMainLogic = function() {
             await BridgeDisk.removeFile(diskPath, filename)
           }
           if (f.device === DeviceType.serial) {
-            await BridgeSerial.removeFile(f.path)
+            await BridgeSerial.removeFile(serialPath + '/' + f.path)
           }
         }
         refresh()
diff --git a/ui/ftp/main.scss b/ui/ftp/main.scss
@@ -139,6 +139,10 @@ button {
   padding: 5px 30px;
   cursor: pointer;
 }
+button[disabled] {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
 
 .window-overlay {
   width: 100vw;

Original file line number	Diff line number	Diff line change
`@@ -144,6 +144,8 @@ export const useMainLogic = function() {`
`144`	`144`	`navigate: navigateDisk`
`145`	`145`	`})`
`146`	`146`	`const fileManagementLogic = () => ({`
	`147`	`+ canUpload: selectedFiles.find(f => f.device === DeviceType.disk) && serialPath,`
	`148`	`+ canDownload: selectedFiles.find(f => f.device === DeviceType.serial) && diskPath,`
`147`	`149`	`upload: async () => {`
`148`	`150`	`setWaiting(true)`
`149`	`151`	`try {`
`@@ -180,7 +182,7 @@ export const useMainLogic = function() {`
`180`	`182`	`await BridgeDisk.removeFile(diskPath, filename)`
`181`	`183`	`}`
`182`	`184`	`if (f.device === DeviceType.serial) {`
`183`		`- await BridgeSerial.removeFile(f.path)`
	`185`	`+ await BridgeSerial.removeFile(serialPath + '/' + f.path)`
`184`	`186`	`}`
`185`	`187`	`}`
`186`	`188`	`refresh()`