allow correcting file transfer data if no files were received

src/View/ChatPages/boardPage.tsx

@@ -45,125 +45,127 @@ export function BoardPage(
         }),
     );
 
-    const wrapper = <div class="content main-content" children:set={pages}></div>
-	Utility.implementPinchZoom(wrapper);
+    const wrapper = (
+        <div class="content main-content" children:set={pages}></div>
+    );
+    Utility.implementPinchZoom(wrapper);
 
     // task modal
     const taskSettingsModal = React.createProxyState(
-	[boardViewModel.selectedTaskViewModel],
-	() => {
-	    if (boardViewModel.selectedTaskViewModel.value == undefined) {
-		return <div></div>;
-	    } else {
-		ViewController.setFocusWithDelay();
+        [boardViewModel.selectedTaskViewModel],
+        () => {
+            if (boardViewModel.selectedTaskViewModel.value == undefined) {
+                return <div></div>;
+            } else {
+                ViewController.setFocusWithDelay();
 
-		return TaskSettingsModal(
-		    coreViewModel,
-		    boardViewModel.selectedTaskViewModel.value,
-		);
-	    }
-	},
+                return TaskSettingsModal(
+                    coreViewModel,
+                    boardViewModel.selectedTaskViewModel.value,
+                );
+            }
+        },
     );
 
     return (
-	<div class="pane">
-	    <div class="toolbar">
-		<span>
-		    <button
-			class="ghost board-close-button"
-			aria-label={
-			    coreViewModel.translations.chatPage.task
-			    .closeBoardButtonAudioLabel
-			}
-			on:click={boardViewModel.close}
-		    >
-			<span class="icon">arrow_back</span>
-		    </button>
-		    <button
-			class="ghost board-toggle-button inset-outline"
-			aria-label={
-			    coreViewModel.translations.chatPage.task
-			    .toggleBoardButtonAudioLabel
-			}
-			on:click={
-			    boardViewModel.taskPageViewModel.toggleBoardList
-			}
-			toggle:selected={
-			    boardViewModel.taskPageViewModel.isShowingBoadList
-			}
-		    >
-			<span class="icon">dock_to_right</span>
-		    </button>
-		    <button
-			class="ghost"
-			aria-label={
-			    coreViewModel.translations.chatPage.task
-			    .boardSettingsHeadline
-			}
-			on:click={boardViewModel.showSettings}
-		    >
-			<span class="icon">settings</span>
-		    </button>
-		</span>
-		<span class="scroll-h ribbon">
-		    {BoardViewToggleButton(
-			coreViewModel.translations.chatPage.task
-			.listViewButtonAudioLabel,
-			"view_list",
-			BoardPageTypes.List,
-			boardViewModel,
-		    )}
-    {BoardViewToggleButton(
-	coreViewModel.translations.chatPage.task
-	.kanbanViewButtonAudioLabel,
-	"view_kanban",
-	BoardPageTypes.Kanban,
-	boardViewModel,
-    )}
-    {BoardViewToggleButton(
-	coreViewModel.translations.chatPage.task
-	.statusViewButtonAudioLabel,
-	"grid_view",
-	BoardPageTypes.StatusGrid,
-	boardViewModel,
-    )}
-</span>
-<span>
-    <button
-	class="ghost inset-outline"
-	aria-label={
-	    coreViewModel.translations.chatPage.task
-	    .filterTasksButtonAudioLabel
-	}
-	on:click={boardViewModel.showFilterModal}
-	toggle:selected={boardViewModel.isFilterActive}
-    >
-	<span class="icon">filter_alt</span>
-    </button>
-    <button
-	class="ghost"
-	aria-label={
-	    coreViewModel.translations.chatPage.task
-	    .createTaskButtonAudioLabel
-	}
-	on:click={boardViewModel.createTask}
-    >
-	<span class="icon">add</span>
-    </button>
-</span>
-	    </div>
+        <div class="pane">
+            <div class="toolbar">
+                <span>
+                    <button
+                        class="ghost board-close-button"
+                        aria-label={
+                            coreViewModel.translations.chatPage.task
+                                .closeBoardButtonAudioLabel
+                        }
+                        on:click={boardViewModel.close}
+                    >
+                        <span class="icon">arrow_back</span>
+                    </button>
+                    <button
+                        class="ghost board-toggle-button inset-outline"
+                        aria-label={
+                            coreViewModel.translations.chatPage.task
+                                .toggleBoardButtonAudioLabel
+                        }
+                        on:click={
+                            boardViewModel.taskPageViewModel.toggleBoardList
+                        }
+                        toggle:selected={
+                            boardViewModel.taskPageViewModel.isShowingBoadList
+                        }
+                    >
+                        <span class="icon">dock_to_right</span>
+                    </button>
+                    <button
+                        class="ghost"
+                        aria-label={
+                            coreViewModel.translations.chatPage.task
+                                .boardSettingsHeadline
+                        }
+                        on:click={boardViewModel.showSettings}
+                    >
+                        <span class="icon">settings</span>
+                    </button>
+                </span>
+                <span class="scroll-h ribbon">
+                    {BoardViewToggleButton(
+                        coreViewModel.translations.chatPage.task
+                            .listViewButtonAudioLabel,
+                        "view_list",
+                        BoardPageTypes.List,
+                        boardViewModel,
+                    )}
+                    {BoardViewToggleButton(
+                        coreViewModel.translations.chatPage.task
+                            .kanbanViewButtonAudioLabel,
+                        "view_kanban",
+                        BoardPageTypes.Kanban,
+                        boardViewModel,
+                    )}
+                    {BoardViewToggleButton(
+                        coreViewModel.translations.chatPage.task
+                            .statusViewButtonAudioLabel,
+                        "grid_view",
+                        BoardPageTypes.StatusGrid,
+                        boardViewModel,
+                    )}
+                </span>
+                <span>
+                    <button
+                        class="ghost inset-outline"
+                        aria-label={
+                            coreViewModel.translations.chatPage.task
+                                .filterTasksButtonAudioLabel
+                        }
+                        on:click={boardViewModel.showFilterModal}
+                        toggle:selected={boardViewModel.isFilterActive}
+                    >
+                        <span class="icon">filter_alt</span>
+                    </button>
+                    <button
+                        class="ghost"
+                        aria-label={
+                            coreViewModel.translations.chatPage.task
+                                .createTaskButtonAudioLabel
+                        }
+                        on:click={boardViewModel.createTask}
+                    >
+                        <span class="icon">add</span>
+                    </button>
+                </span>
+            </div>
 
-	    {wrapper}
+            {wrapper}
 
-	{BoardSettingsModal(coreViewModel, boardViewModel)}
-	{SearchModal(
-	    coreViewModel,
-	    boardViewModel.searchViewModel,
-	    coreViewModel.translations.chatPage.task.filterTasksHeadline,
-	    TaskViewModelToEntry,
-	    boardViewModel.isPresentingFilterModal,
-	)}
-	<div children:set={taskSettingsModal}></div>
-    </div>
-);
+            {BoardSettingsModal(coreViewModel, boardViewModel)}
+            {SearchModal(
+                coreViewModel,
+                boardViewModel.searchViewModel,
+                coreViewModel.translations.chatPage.task.filterTasksHeadline,
+                TaskViewModelToEntry,
+                boardViewModel.isPresentingFilterModal,
+            )}
+            <div children:set={taskSettingsModal}></div>
+        </div>
+    );
 }

src/View/Modals/dataTransferModal.tsx

@@ -375,7 +375,7 @@ function TransferDisplayModal(
                             coreViewModel.translations.dataTransferModal
                                 .transferDataHeadline
                         }
-		    </h2>
+                    </h2>
 
                     <p
                         class="secondary"
@@ -394,11 +394,11 @@ function TransferDisplayModal(
                             coreViewModel.translations.dataTransferModal
                                 .allFilesSent
                         }
-		    </p>
+                    </p>
 
-		    <hr></hr>
-		    
-		    <div class="flex-column gap content-margin-bottom">
+                    <hr></hr>
+
+                    <div class="flex-column gap content-margin-bottom">
                         <div class="tile">
                             <span class="icon">forum</span>
                             <div>
@@ -514,8 +514,8 @@ function TransferDataInputModal(
                                             .transferChannelHeadline
                                     }
                                 </span>
-				<input
-				    type="number"
+                                <input
+                                    type="number"
                                     on:enter={
                                         fileTransferViewModel.prepareReceivingData
                                     }
@@ -536,7 +536,7 @@ function TransferDataInputModal(
                                     }
                                 </span>
                                 <input
-				    type="number"
+                                    type="number"
                                     on:enter={
                                         fileTransferViewModel.prepareReceivingData
                                     }
@@ -612,10 +612,23 @@ function DataReceptionModal(
                         ]}
                     ></div>
                 </main>
-                <button on:click={ViewController.reload}>
-                    {coreViewModel.translations.general.reloadAppButton}
-                    <span class="icon">refresh</span>
-                </button>
+                <div class="flex-row width-100">
+                    <button
+                        class="flex"
+                        on:click={
+                            fileTransferViewModel.showTransferDataInputModal
+                        }
+                        toggle:disabled={
+                            fileTransferViewModel.cannotExitReception
+                        }
+                    >
+                        {coreViewModel.translations.general.backButton}
+                    </button>
+                    <button class="flex" on:click={ViewController.reload}>
+                        {coreViewModel.translations.general.reloadAppButton}
+                        <span class="icon">refresh</span>
+                    </button>
+                </div>
             </div>
         </div>
     );