FileSelectDialog: use cropped image and reload structure view

Author: jrief

client/browser/BrowserEditor.tsx

@@ -54,7 +54,7 @@ function EditorForm(props) {
 			if (response.ok) {
 				const content = await response.json();
 				if ('file_info' in content) {
-					settings.selectFile(file_info);
+					settings.selectFile(content.file_info);
 				} else if ('form_html' in content) {
 					setFormHtml(content.form_html);
 				} else {

client/browser/FileSelectDialog.tsx

@@ -75,8 +75,10 @@ export default function FileSelectDialog(props) {
 	const dialog = ref.current?.closest('dialog');
 
 	useEffect(() => {
-		getStructure();
-	}, []);
+		if (!uploadedFile) {
+			getStructure();
+		}
+	}, [uploadedFile]);
 
 	useEffect(() => {
 		if (!dialog) {

finder/api/views.py

@@ -200,7 +200,7 @@ def change(self, request, file_id):
         form_class = file.get_form_class()
         form = form_class(instance=file, data=request.POST, renderer=FormRenderer())
         if form.is_valid():
-            form.save()
+            file = form.save()
             return {'file_info': file.as_dict}
         else:
             return {'form_html': mark_safe(strip_spaces_between_tags(form.as_div()))}