Merge remote-tracking branch 'aaronraimist/sort-imports' into develop

src/components/views/elements/AccessibleButton.tsx

@@ -15,9 +15,9 @@
  */
 
 import React, { ReactHTML } from 'react';
+import classnames from 'classnames';
 
 import { Key } from '../../../Keyboard';
-import classnames from 'classnames';
 
 export type ButtonEvent = React.MouseEvent<Element> | React.KeyboardEvent<Element> | React.FormEvent<Element>;
 

src/components/views/elements/ActionButton.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from 'react';
+
 import AccessibleButton from './AccessibleButton';
 import dis from '../../../dispatcher/dispatcher';
 import Analytics from '../../../Analytics';

src/components/views/elements/AddressSelector.tsx

@@ -17,6 +17,7 @@ limitations under the License.
 
 import React, { createRef } from 'react';
 import classNames from 'classnames';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import { IUserAddress } from '../../../UserAddress';
 import AddressTile from './AddressTile';

src/components/views/elements/AddressTile.tsx

@@ -17,6 +17,7 @@ limitations under the License.
 
 import React from 'react';
 import classNames from 'classnames';
+
 import { _t } from '../../../languageHandler';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import { mediaFromMxc } from "../../../customisations/Media";

src/components/views/elements/AppPermission.tsx

@@ -18,12 +18,13 @@ limitations under the License.
 
 import React from 'react';
 import url from 'url';
+import { RoomMember } from 'matrix-js-sdk/src/models/room-member';
+
 import { _t } from '../../../languageHandler';
 import SdkConfig from '../../../SdkConfig';
 import WidgetUtils from "../../../utils/WidgetUtils";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
-import { RoomMember } from 'matrix-js-sdk/src/models/room-member';
 import MemberAvatar from '../avatars/MemberAvatar';
 import BaseAvatar from '../avatars/BaseAvatar';
 import AccessibleButton from './AccessibleButton';

src/components/views/elements/AppTile.tsx

@@ -19,6 +19,11 @@ limitations under the License.
 
 import url from 'url';
 import React, { createRef } from 'react';
+import classNames from 'classnames';
+import { MatrixCapabilities } from "matrix-widget-api";
+import { Room } from "matrix-js-sdk/src/models/room";
+import { logger } from "matrix-js-sdk/src/logger";
+
 import { MatrixClientPeg } from '../../../MatrixClientPeg';
 import AccessibleButton from './AccessibleButton';
 import { _t } from '../../../languageHandler';
@@ -27,21 +32,19 @@ import AppWarning from './AppWarning';
 import Spinner from './Spinner';
 import dis from '../../../dispatcher/dispatcher';
 import ActiveWidgetStore from '../../../stores/ActiveWidgetStore';
-import classNames from 'classnames';
 import SettingsStore from "../../../settings/SettingsStore";
 import { aboveLeftOf, ContextMenuButton } from "../../structures/ContextMenu";
 import PersistedElement, { getPersistKey } from "./PersistedElement";
 import { WidgetType } from "../../../widgets/WidgetType";
 import { StopGapWidget } from "../../../stores/widgets/StopGapWidget";
 import { ElementWidgetActions } from "../../../stores/widgets/ElementWidgetActions";
-import { MatrixCapabilities } from "matrix-widget-api";
 import RoomWidgetContextMenu from "../context_menus/WidgetContextMenu";
 import WidgetAvatar from "../avatars/WidgetAvatar";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import CallHandler from '../../../CallHandler';
-import { Room } from "matrix-js-sdk/src/models/room";
 import { IApp } from "../../../stores/WidgetStore";
 import { WidgetLayoutStore, Container } from "../../../stores/widgets/WidgetLayoutStore";
+
 interface IProps {
     app: IApp;
     // If room is not specified then it is an account level widget
@@ -89,8 +92,6 @@ interface IState {
     requiresClient: boolean;
 }
 
-import { logger } from "matrix-js-sdk/src/logger";
-
 @replaceableComponent("views.elements.AppTile")
 export default class AppTile extends React.Component<IProps, IState> {
     public static defaultProps: Partial<IProps> = {

src/components/views/elements/DNDTagTile.js

@@ -15,9 +15,9 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
-import TagTile from './TagTile';
-
 import React from 'react';
+
+import TagTile from './TagTile';
 import ContextMenu, { toRightOf, useContextMenu } from "../../structures/ContextMenu";
 import * as sdk from '../../../index';
 

src/components/views/elements/DesktopBuildsNotice.tsx

@@ -15,6 +15,8 @@ limitations under the License.
 */
 
 import React from "react";
+import { logger } from "matrix-js-sdk/src/logger";
+
 import EventIndexPeg from "../../../indexing/EventIndexPeg";
 import { _t } from "../../../languageHandler";
 import SdkConfig from "../../../SdkConfig";
@@ -22,8 +24,6 @@ import dis from "../../../dispatcher/dispatcher";
 import { Action } from "../../../dispatcher/actions";
 import { UserTab } from "../dialogs/UserSettingsDialog";
 
-import { logger } from "matrix-js-sdk/src/logger";
-
 export enum WarningKind {
     Files,
     Search,

src/components/views/elements/DesktopCapturerSourcePicker.tsx

@@ -15,10 +15,11 @@ limitations under the License.
 */
 
 import React from 'react';
+import classNames from 'classnames';
+
 import { _t } from '../../../languageHandler';
 import BaseDialog from "..//dialogs/BaseDialog";
 import DialogButtons from "./DialogButtons";
-import classNames from 'classnames';
 import AccessibleButton from './AccessibleButton';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import TabbedView, { Tab, TabLocation } from '../../structures/TabbedView';

src/components/views/elements/DialPadBackspaceButton.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import * as React from "react";
+
 import AccessibleButton, { ButtonEvent } from "./AccessibleButton";
 
 interface IProps {

src/components/views/elements/DialogButtons.tsx

@@ -17,6 +17,7 @@ limitations under the License.
 */
 
 import React from "react";
+
 import { _t } from '../../../languageHandler';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 

src/components/views/elements/DirectorySearchBox.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React, { ChangeEvent, createRef } from 'react';
+
 import { _t } from '../../../languageHandler';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import AccessibleButton from "./AccessibleButton";

src/components/views/elements/Draggable.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from 'react';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 
 interface IProps {

src/components/views/elements/EditableText.tsx

@@ -16,6 +16,7 @@ limitations under the License.
 */
 
 import React, { createRef } from 'react';
+
 import { Key } from "../../../Keyboard";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 

src/components/views/elements/EditableTextContainer.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from 'react';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import Spinner from "./Spinner";
 import EditableText from "./EditableText";

src/components/views/elements/EffectsOverlay.tsx

@@ -15,13 +15,13 @@
  limitations under the License.
  */
 import React, { FunctionComponent, useEffect, useRef } from 'react';
+import { logger } from "matrix-js-sdk/src/logger";
+
 import dis from '../../../dispatcher/dispatcher';
 import ICanvasEffect from '../../../effects/ICanvasEffect';
 import { CHAT_EFFECTS } from '../../../effects';
 import UIStore, { UI_EVENTS } from "../../../stores/UIStore";
 
-import { logger } from "matrix-js-sdk/src/logger";
-
 interface IProps {
     roomWidth: number;
 }

src/components/views/elements/ErrorBoundary.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React, { ErrorInfo } from 'react';
+import { logger } from "matrix-js-sdk/src/logger";
 
 import { _t } from '../../../languageHandler';
 import { MatrixClientPeg } from '../../../MatrixClientPeg';
@@ -25,8 +26,6 @@ import { replaceableComponent } from "../../../utils/replaceableComponent";
 import BugReportDialog from '../dialogs/BugReportDialog';
 import AccessibleButton from './AccessibleButton';
 
-import { logger } from "matrix-js-sdk/src/logger";
-
 interface IState {
     error: Error;
 }

src/components/views/elements/Field.tsx

@@ -16,8 +16,9 @@ limitations under the License.
 
 import React, { InputHTMLAttributes, SelectHTMLAttributes, TextareaHTMLAttributes } from 'react';
 import classNames from 'classnames';
-import * as sdk from '../../../index';
 import { debounce } from "lodash";
+
+import * as sdk from '../../../index';
 import { IFieldState, IValidationResult } from "./Validation";
 
 // Invoke validation from user input (when typing, etc.) at most once every N ms.

src/components/views/elements/Flair.js

@@ -16,14 +16,14 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import { logger } from "matrix-js-sdk/src/logger";
+
 import FlairStore from '../../../stores/FlairStore';
 import dis from '../../../dispatcher/dispatcher';
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import { mediaFromMxc } from "../../../customisations/Media";
 
-import { logger } from "matrix-js-sdk/src/logger";
-
 class FlairAvatar extends React.Component {
     constructor() {
         super();

src/components/views/elements/IRCTimelineProfileResizer.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from 'react';
+
 import SettingsStore from "../../../settings/SettingsStore";
 import Draggable, { ILocationState } from './Draggable';
 import { SettingLevel } from "../../../settings/SettingLevel";

src/components/views/elements/ImageView.tsx

@@ -17,10 +17,12 @@ limitations under the License.
 */
 
 import React, { createRef } from 'react';
+import FocusLock from "react-focus-lock";
+import { MatrixEvent } from "matrix-js-sdk/src/models/event";
+
 import { _t } from '../../../languageHandler';
 import AccessibleTooltipButton from "./AccessibleTooltipButton";
 import { Key } from "../../../Keyboard";
-import FocusLock from "react-focus-lock";
 import MemberAvatar from "../avatars/MemberAvatar";
 import { ContextMenuTooltipButton } from "../../../accessibility/context_menu/ContextMenuTooltipButton";
 import MessageContextMenu from "../context_menus/MessageContextMenu";
@@ -32,7 +34,6 @@ import dis from '../../../dispatcher/dispatcher';
 import { Action } from '../../../dispatcher/actions';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import { RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
-import { MatrixEvent } from "matrix-js-sdk/src/models/event";
 import { normalizeWheelEvent } from "../../../utils/Mouse";
 import { IDialogProps } from '../dialogs/IDialogProps';
 import UIStore from '../../../stores/UIStore';

src/components/views/elements/InlineSpinner.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from "react";
+
 import { _t } from "../../../languageHandler";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 

src/components/views/elements/InviteReason.tsx

@@ -16,6 +16,7 @@ limitations under the License.
 
 import classNames from "classnames";
 import React from "react";
+
 import { sanitizedHtmlNode } from "../../../HtmlUtils";
 import { _t } from "../../../languageHandler";
 import { replaceableComponent } from "../../../utils/replaceableComponent";

src/components/views/elements/LazyRenderList.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from "react";
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 
 class ItemRange {

src/components/views/elements/MemberEventListSummary.tsx

@@ -19,6 +19,7 @@ limitations under the License.
 import React, { ComponentProps } from 'react';
 import { MatrixEvent } from "matrix-js-sdk/src/models/event";
 import { RoomMember } from "matrix-js-sdk/src/models/room-member";
+import { EventType } from 'matrix-js-sdk/src/@types/event';
 
 import { _t } from '../../../languageHandler';
 import { formatCommaSeparatedList } from '../../../utils/FormattingUtils';
@@ -30,7 +31,6 @@ import { RightPanelPhases } from '../../../stores/RightPanelStorePhases';
 import { Action } from '../../../dispatcher/actions';
 import { SetRightPanelPhasePayload } from '../../../dispatcher/payloads/SetRightPanelPhasePayload';
 import { jsxJoin } from '../../../utils/ReactUtils';
-import { EventType } from 'matrix-js-sdk/src/@types/event';
 import { Layout } from '../../../settings/enums/Layout';
 
 const onPinnedMessagesClick = (): void => {

src/components/views/elements/PersistedElement.tsx

@@ -17,11 +17,11 @@ limitations under the License.
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { throttle } from "lodash";
+import { isNullOrUndefined } from "matrix-js-sdk/src/utils";
 
 import dis from '../../../dispatcher/dispatcher';
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import { MatrixClientPeg } from "../../../MatrixClientPeg";
-import { isNullOrUndefined } from "matrix-js-sdk/src/utils";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import { ActionPayload } from "../../../dispatcher/payloads";
 

src/components/views/elements/PersistentApp.tsx

@@ -16,14 +16,15 @@ limitations under the License.
 */
 
 import React from 'react';
+import { EventSubscription } from 'fbemitter';
+import { Room } from "matrix-js-sdk/src/models/room";
+
 import RoomViewStore from '../../../stores/RoomViewStore';
 import ActiveWidgetStore, { ActiveWidgetStoreEvent } from '../../../stores/ActiveWidgetStore';
 import WidgetUtils from '../../../utils/WidgetUtils';
 import { MatrixClientPeg } from '../../../MatrixClientPeg';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
-import { EventSubscription } from 'fbemitter';
 import AppTile from "./AppTile";
-import { Room } from "matrix-js-sdk/src/models/room";
 
 interface IProps {
     // none

src/components/views/elements/Pill.js

@@ -14,12 +14,14 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 import React from 'react';
-import * as sdk from '../../../index';
-import dis from '../../../dispatcher/dispatcher';
 import classNames from 'classnames';
 import { Room } from 'matrix-js-sdk/src/models/room';
 import { RoomMember } from 'matrix-js-sdk/src/models/room-member';
 import PropTypes from 'prop-types';
+import { logger } from "matrix-js-sdk/src/logger";
+
+import * as sdk from '../../../index';
+import dis from '../../../dispatcher/dispatcher';
 import { MatrixClientPeg } from '../../../MatrixClientPeg';
 import FlairStore from "../../../stores/FlairStore";
 import { getPrimaryPermalinkEntity, parseAppLocalLink } from "../../../utils/permalinks/Permalinks";
@@ -29,8 +31,6 @@ import { mediaFromMxc } from "../../../customisations/Media";
 import Tooltip from './Tooltip';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 
-import { logger } from "matrix-js-sdk/src/logger";
-
 @replaceableComponent("views.elements.Pill")
 class Pill extends React.Component {
     static roomNotifPos(text) {

src/components/views/elements/PollCreateDialog.tsx

@@ -14,13 +14,14 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+import React, { ChangeEvent, createRef } from "react";
+import { Room } from "matrix-js-sdk/src/models/room";
+
 import ScrollableBaseModal, { IScrollableBaseState } from "../dialogs/ScrollableBaseModal";
 import { IDialogProps } from "../dialogs/IDialogProps";
 import QuestionDialog from "../dialogs/QuestionDialog";
-import React, { ChangeEvent, createRef } from "react";
 import Modal from '../../../Modal';
 import { _t } from "../../../languageHandler";
-import { Room } from "matrix-js-sdk/src/models/room";
 import { arrayFastClone, arraySeed } from "../../../utils/arrays";
 import Field from "./Field";
 import AccessibleButton from "./AccessibleButton";

src/components/views/elements/PowerSelector.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from 'react';
+
 import * as Roles from '../../../Roles';
 import { _t } from '../../../languageHandler';
 import Field from "./Field";

src/components/views/elements/ReplyChain.tsx

@@ -17,25 +17,25 @@ limitations under the License.
 
 import React from 'react';
 import classNames from 'classnames';
+import { MatrixEvent } from 'matrix-js-sdk/src/models/event';
+import escapeHtml from "escape-html";
+import sanitizeHtml from "sanitize-html";
+import { Room } from 'matrix-js-sdk/src/models/room';
+import { RelationType } from 'matrix-js-sdk/src/@types/event';
 
 import { _t } from '../../../languageHandler';
 import dis from '../../../dispatcher/dispatcher';
-import { MatrixEvent } from 'matrix-js-sdk/src/models/event';
 import { makeUserPermalink, RoomPermalinkCreator } from "../../../utils/permalinks/Permalinks";
 import SettingsStore from "../../../settings/SettingsStore";
 import { Layout } from "../../../settings/enums/Layout";
-import escapeHtml from "escape-html";
 import MatrixClientContext from "../../../contexts/MatrixClientContext";
 import { getUserNameColorClass } from "../../../utils/FormattingUtils";
 import { Action } from "../../../dispatcher/actions";
-import sanitizeHtml from "sanitize-html";
 import { PERMITTED_URL_SCHEMES } from "../../../HtmlUtils";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import Spinner from './Spinner';
 import ReplyTile from "../rooms/ReplyTile";
 import Pill from './Pill';
-import { Room } from 'matrix-js-sdk/src/models/room';
-import { RelationType } from 'matrix-js-sdk/src/@types/event';
 
 /**
  * This number is based on the previous behavior - if we have message of height

src/components/views/elements/SettingsFlag.tsx

@@ -16,6 +16,7 @@ limitations under the License.
 */
 
 import React from "react";
+
 import SettingsStore from "../../../settings/SettingsStore";
 import { _t } from '../../../languageHandler';
 import ToggleSwitch from "./ToggleSwitch";

src/components/views/elements/Slider.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import * as React from 'react';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 
 interface IProps {

src/components/views/elements/Spinner.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React from "react";
+
 import { _t } from "../../../languageHandler";
 
 interface IProps {

src/components/views/elements/Spoiler.tsx

@@ -15,6 +15,7 @@
  */
 
 import React from 'react';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 
 interface IProps {

src/components/views/elements/StyledCheckbox.tsx

@@ -16,9 +16,10 @@ limitations under the License.
 
 import React from "react";
 import { randomString } from "matrix-js-sdk/src/randomstring";
-import { replaceableComponent } from "../../../utils/replaceableComponent";
 import classnames from 'classnames';
 
+import { replaceableComponent } from "../../../utils/replaceableComponent";
+
 export enum CheckboxStyle {
     Solid = "solid",
     Outline = "outline",

src/components/views/elements/StyledRadioButton.tsx

@@ -16,6 +16,7 @@ limitations under the License.
 
 import React from 'react';
 import classnames from 'classnames';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 
 interface IProps extends React.InputHTMLAttributes<HTMLInputElement> {

src/components/views/elements/SyntaxHighlight.tsx

@@ -16,6 +16,7 @@ limitations under the License.
 
 import React from 'react';
 import highlight from 'highlight.js';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 
 interface IProps {

src/components/views/elements/TagComposer.tsx

@@ -15,6 +15,7 @@ limitations under the License.
 */
 
 import React, { ChangeEvent, FormEvent } from "react";
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import Field from "./Field";
 import { _t } from "../../../languageHandler";

src/components/views/elements/TagTile.js

@@ -19,11 +19,12 @@ limitations under the License.
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
+import { logger } from "matrix-js-sdk/src/logger";
+
 import * as sdk from '../../../index';
 import dis from '../../../dispatcher/dispatcher';
 import { isOnlyCtrlOrCmdIgnoreShiftKeyEvent } from '../../../Keyboard';
 import * as FormattingUtils from '../../../utils/FormattingUtils';
-
 import FlairStore from '../../../stores/FlairStore';
 import GroupStore from '../../../stores/GroupStore';
 import GroupFilterOrderStore from '../../../stores/GroupFilterOrderStore';
@@ -33,8 +34,6 @@ import SettingsStore from "../../../settings/SettingsStore";
 import { mediaFromMxc } from "../../../customisations/Media";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 
-import { logger } from "matrix-js-sdk/src/logger";
-
 // A class for a child of GroupFilterPanel (possibly wrapped in a DNDTagTile) that represents
 // a thing to click on for the user to filter the visible rooms in the RoomList to:
 //  - Rooms that are part of the group

src/components/views/elements/ToggleSwitch.tsx

@@ -17,6 +17,7 @@ limitations under the License.
 
 import React from "react";
 import classNames from "classnames";
+
 import AccessibleButton from "./AccessibleButton";
 
 interface IProps {

src/components/views/elements/Tooltip.tsx

@@ -20,6 +20,7 @@ limitations under the License.
 import React, { Component, CSSProperties } from 'react';
 import ReactDOM from 'react-dom';
 import classNames from 'classnames';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import UIStore from "../../../stores/UIStore";
 

src/components/views/elements/TooltipButton.tsx

@@ -16,6 +16,7 @@ limitations under the License.
 */
 
 import React from 'react';
+
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 import TooltipTarget from './TooltipTarget';
 

src/components/views/elements/TruncatedList.tsx

@@ -16,6 +16,7 @@ limitations under the License.
 */
 
 import React from 'react';
+
 import { _t } from '../../../languageHandler';
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 

src/components/views/elements/UserTagTile.tsx

@@ -15,11 +15,12 @@ limitations under the License.
 */
 
 import React from "react";
-import defaultDispatcher from "../../../dispatcher/dispatcher";
 import * as fbEmitter from "fbemitter";
+import classNames from "classnames";
+
+import defaultDispatcher from "../../../dispatcher/dispatcher";
 import GroupFilterOrderStore from "../../../stores/GroupFilterOrderStore";
 import AccessibleTooltipButton from "./AccessibleTooltipButton";
-import classNames from "classnames";
 import { _t } from "../../../languageHandler";
 import { replaceableComponent } from "../../../utils/replaceableComponent";
 

src/components/views/elements/crypto/VerificationQRCode.tsx

@@ -15,9 +15,10 @@ limitations under the License.
 */
 
 import React from "react";
+import { QRCodeData } from "matrix-js-sdk/src/crypto/verification/QRCode";
+
 import { replaceableComponent } from "../../../../utils/replaceableComponent";
 import QRCode from "../QRCode";
-import { QRCodeData } from "matrix-js-sdk/src/crypto/verification/QRCode";
 
 interface IProps {
     qrCodeData: QRCodeData;