cleanup

src/View/Modals/dataTransferModal.tsx

@@ -7,13 +7,13 @@ import FileTransferViewModel, {
 import StorageModel from "../../Model/Global/storageModel";
 import { translations } from "../translations";
 
-export function FileTransferModal(
+export function DataTransferModal(
   fileTransferViewModel: FileTransferViewModel
 ) {
   const OptionConverter: React.StateItemConverter<FileTransferOption> = (
     fileOption: FileTransferOption
   ) => {
-    return FileOption(fileOption, fileTransferViewModel);
+    return OptionEntry(fileOption, fileTransferViewModel);
   };
 
   return (
@@ -23,14 +23,14 @@ export function FileTransferModal(
     >
       <div>
         <main>
-          <h2>{translations.fileTransferModal.transferFilesHeadline}</h2>
+          <h2>{translations.dataTransferModal.transferDataHeadline}</h2>
           <span class="secondary">
-            {translations.fileTransferModal.selectionDescription}
+            {translations.dataTransferModal.selectionDescription}
           </span>
 
           <hr></hr>
 
-          <h3>{translations.fileTransferModal.generalHeadline}</h3>
+          <h3>{translations.dataTransferModal.generalHeadline}</h3>
           <div
             class="flex-column gap content-margin-bottom"
             children:append={[
@@ -39,7 +39,7 @@ export function FileTransferModal(
             ]}
           ></div>
 
-          <h3>{translations.fileTransferModal.chatsHeadline}</h3>
+          <h3>{translations.dataTransferModal.chatsHeadline}</h3>
           <div
             class="flex-column gap"
             children:append={[
@@ -68,7 +68,7 @@ export function FileTransferModal(
   );
 }
 
-function FileOption(
+function OptionEntry(
   fileOption: FileTransferOption,
   fileTransferViewModel: FileTransferViewModel
 ) {

src/View/homePage.tsx

@@ -124,7 +124,7 @@ export function HomePage(
       >
         <span class="icon">sync_alt</span>
         <div>
-          <span>{translations.homePage.transferFilesButton}</span>
+          <span>{translations.homePage.transferDataButton}</span>
         </div>
       </button>
 

src/View/translations.ts

@@ -56,7 +56,7 @@ const englishTranslations = {
 
     manageStorageButton: "Manage storage",
 
-    transferFilesButton: "Transfer Files",
+    transferDataButton: "Transfer Data",
 
     scrollToChatButton: "Chats",
 
@@ -78,9 +78,9 @@ const englishTranslations = {
     connectButtonAudioLabel: "connect",
   },
 
-  fileTransferModal: {
-    transferFilesHeadline: "Transfer Files",
-    selectionDescription: "Select the files that you want to transfer.",
+  dataTransferModal: {
+    transferDataHeadline: "Transfer Data",
+    selectionDescription: "Select the data that you want to transfer.",
 
     ///
 

src/ViewModel/Global/fileTransferViewModel.ts

@@ -28,11 +28,11 @@ export default class FileTransferViewModel {
 
     this.generalFileOptions.add(
       {
-        label: translations.fileTransferModal.connectionData,
+        label: translations.dataTransferModal.connectionData,
         path: StorageModel.getPath(StorageModelSubPath.ConnectionModel, []),
       },
       {
-        label: translations.fileTransferModal.settingsData,
+        label: translations.dataTransferModal.settingsData,
         path: StorageModel.getPath(StorageModelSubPath.SettingsModel, []),
       }
     );
@@ -70,3 +70,16 @@ export interface FileTransferOption {
   label: string;
   path: string[];
 }
+
+export enum FileTransferModals {
+  DirectionSelection,
+
+  // sending
+  FileSelection,
+  TransferDataDisplay,
+  TransferDisplay,
+
+  // receiving
+  TransferDataInput,
+  ReceptionDisplay
+}

src/index.tsx

@@ -11,7 +11,7 @@ import { ConnectionModal } from "./View/Modals/connectionModal";
 import ConnectionModel from "./Model/Global/connectionModel";
 import ConnectionViewModel from "./ViewModel/Global/connectionViewModel";
 import CoreViewModel from "./ViewModel/Global/coreViewModel";
-import { FileTransferModal } from "./View/Modals/fileTransferModal";
+import { DataTransferModal } from "./View/Modals/dataTransferModal";
 import FileTransferModel from "./Model/Global/fileTransferModel";
 import FileTransferViewModel from "./ViewModel/Global/fileTransferViewModel";
 import { HomePage } from "./View/homePage";
@@ -83,6 +83,6 @@ document
     ),
     ChatPageWrapper(chatListViewModel),
     ConnectionModal(connectionViewModel),
-    FileTransferModal(fileTransferViewModel),
+    DataTransferModal(fileTransferViewModel),
     StorageModal(storageViewModel)
   );