- ![]({require("../../../res/img/fileicon.png")})
- ![]({require("../../../res/img/cancel.svg")})
-
- );
- }
-}
diff --git a/src/components/structures/UploadBar.tsx b/src/components/structures/UploadBar.tsx
new file mode 100644
index 0000000000..b9d157ee00
--- /dev/null
+++ b/src/components/structures/UploadBar.tsx
@@ -0,0 +1,100 @@
+/*
+Copyright 2015, 2016, 2019, 2021 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import React from 'react';
+import { Room } from "matrix-js-sdk/src/models/room";
+import ContentMessages from '../../ContentMessages';
+import dis from "../../dispatcher/dispatcher";
+import filesize from "filesize";
+import { _t } from '../../languageHandler';
+import { ActionPayload } from "../../dispatcher/payloads";
+import { Action } from "../../dispatcher/actions";
+import ProgressBar from "../views/elements/ProgressBar";
+import AccessibleButton from "../views/elements/AccessibleButton";
+import { IUpload } from "../../models/IUpload";
+
+interface IProps {
+ room: Room;
+}
+
+interface IState {
+ currentUpload?: IUpload;
+ uploadsHere: IUpload[];
+}
+
+export default class UploadBar extends React.Component
-
-
-
-
-
- { uploadedSize } / { totalSize }
-
- { uploadText }
-
+
+ );
+ }
+}
diff --git a/src/dispatcher/actions.ts b/src/dispatcher/actions.ts
index 12bf4c57a3..cd32c3743f 100644
--- a/src/dispatcher/actions.ts
+++ b/src/dispatcher/actions.ts
@@ -113,4 +113,29 @@ export enum Action {
* XXX: Ditto
*/
VirtualRoomSupportUpdated = "virtual_room_support_updated",
+
+ /**
+ * Fired when an upload has started. Should be used with UploadStartedPayload.
+ */
+ UploadStarted = "upload_started",
+
+ /**
+ * Fired when an upload makes progress. Should be used with UploadProgressPayload.
+ */
+ UploadProgress = "upload_progress",
+
+ /**
+ * Fired when an upload is completed. Should be used with UploadFinishedPayload.
+ */
+ UploadFinished = "upload_finished",
+
+ /**
+ * Fired when an upload fails. Should be used with UploadErrorPayload.
+ */
+ UploadFailed = "upload_failed",
+
+ /**
+ * Fired when an upload is cancelled by the user. Should be used with UploadCanceledPayload.
+ */
+ UploadCanceled = "upload_canceled",
}
diff --git a/src/dispatcher/payloads/UploadPayload.ts b/src/dispatcher/payloads/UploadPayload.ts
new file mode 100644
index 0000000000..40c2710dd6
--- /dev/null
+++ b/src/dispatcher/payloads/UploadPayload.ts
@@ -0,0 +1,51 @@
+/*
+Copyright 2021 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+import { ActionPayload } from "../payloads";
+import { Action } from "../actions";
+import {IUpload} from "../../models/IUpload";
+
+interface UploadPayload extends ActionPayload {
+ /**
+ * The upload with fields representing the new upload state.
+ */
+ upload: IUpload;
+}
+
+export interface UploadStartedPayload extends UploadPayload {
+ action: Action.UploadStarted;
+}
+
+export interface UploadProgressPayload extends UploadPayload {
+ action: Action.UploadProgress;
+}
+
+export interface UploadErrorPayload extends UploadPayload {
+ action: Action.UploadFailed;
+
+ /**
+ * An error to describe what went wrong with the upload.
+ */
+ error: Error;
+}
+
+export interface UploadFinishedPayload extends UploadPayload {
+ action: Action.UploadFinished;
+}
+
+export interface UploadCanceledPayload extends UploadPayload {
+ action: Action.UploadCanceled;
+}
diff --git a/src/models/IUpload.ts b/src/models/IUpload.ts
new file mode 100644
index 0000000000..5b376e9330
--- /dev/null
+++ b/src/models/IUpload.ts
@@ -0,0 +1,24 @@
+/*
+Copyright 2021 The Matrix.org Foundation C.I.C.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+*/
+
+export interface IUpload {
+ fileName: string;
+ roomId: string;
+ total: number;
+ loaded: number;
+ promise: Promise{uploadText} ({uploadSize})
+