Add loadfile layer

source/Component/LoadFile/LoadFile.scss

@@ -0,0 +1,38 @@
+@import "../Theme/Theme.scss";
+
+div.load-file-layer-root {
+	position: fixed;
+	z-index: 1000;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-content: center;
+	justify-content: center;
+	align-items: center;
+	flex-wrap: wrap;
+
+	div {
+		user-select: none;
+		text-align: center;
+		width: 100%;
+	}
+
+	div.drag-icon {
+		font-weight: 200;
+		font-size: 2.8em;
+	}
+
+	div.drag-title {
+		margin-top: 5px;
+		margin-bottom: 5px;
+		font-size: 1.5em;
+	}
+}
+
+div.load-file-layer-root.light {
+	background-color: rgba($color: #FFFFFF, $alpha: .75);
+}
+
+div.load-file-layer-root.dark {
+	background-color: rgba($color: #000000, $alpha: .75);
+}

source/Component/LoadFile/LoadFile.tsx

@@ -0,0 +1,31 @@
+import { Localization } from "@Component/Localization/Localization";
+import { FontLevel, Theme } from "@Component/Theme/Theme";
+import { Icon } from "@fluentui/react";
+import { Component, ReactNode } from "react";
+import "./LoadFile.scss";
+
+class LoadFile extends Component {
+
+	private renderMask() {
+		return <Theme
+			className="load-file-layer-root"
+			fontLevel={FontLevel.normal}
+		>
+			<div className="drag-icon">
+				<Icon iconName="KnowledgeArticle"/>
+			</div>
+			<div className="drag-title">
+				<Localization i18nKey="Info.Hint.Load.File.Title"/>
+			</div>
+			<div className="drag-intro">
+				<Localization i18nKey="Info.Hint.Load.File.Intro"/>
+			</div>
+		</Theme>;
+	}
+
+	public render(): ReactNode {
+		return <></>;
+	}
+}
+
+export { LoadFile };