rename files

src/components/FileBrowser.tsx

@@ -15,6 +15,7 @@ import FileOpen from "./FileOpen"
 import FileUploadButton from "./FileUploadButton"
 import { ReactComponent as Spinner } from "./../assets/spinner.svg"
 import FileBrowserList from "./FileBrowserList"
+import pathRename from "../functions/pathRename"
 
 function uriToPath(pathname:string) {
 	// strip the "/f" from e.g. "/f/dir1/dir2"
@@ -163,12 +164,16 @@ const FileBrowser: React.FC<RouteComponentProps> = (props) => {
 						editId={editID}
 						editEnable={editEnable}
 
-						onRenameDone={(id,changed,newName)=>{
+						onRenameDone={async (id,changed,newName)=>{
 							setEditEnable(false)
 							if (changed){
-								console.debug("Changed: ",newName)
-							}else{
-								console.debug("Not changed")
+								// TODO: maybe change the name on client so it seems more smooth rather then haveing it refetch
+								// TODO: input check & error handling
+								await moveMutation({variables:{
+									src:id,
+									dest: pathRename(id,newName)
+								}})
+								refetchDir()
 							}
 						}}
 					/>