cleanup of rootSelected to default to false. remove unused mobile classes.

17 files changed, 23 insertions, 321 deletions

diff --git a/src/client/views/DocComponent.tsx b/src/client/views/DocComponent.tsx
index 9ff27d9a0..fdaca8056 100644
--- a/src/client/views/DocComponent.tsx
+++ b/src/client/views/DocComponent.tsx
@@ -53,7 +53,6 @@ interface ViewBoxBaseProps {
     isSelected: () => boolean;
     isContentActive: () => boolean | undefined;
     renderDepth: number;
-    rootSelected: () => boolean;
 }
 export function ViewBoxBaseComponent<P extends ViewBoxBaseProps>() {
     class Component extends React.Component<React.PropsWithChildren<P>> {
@@ -90,7 +89,6 @@ export interface ViewBoxAnnotatableProps {
     select: (isCtrlPressed: boolean) => void;
     whenChildContentsActiveChanged: (isActive: boolean) => void;
     isSelected: () => boolean;
-    rootSelected: () => boolean;
     renderDepth: number;
     isAnnotationOverlay?: boolean;
 }
diff --git a/src/client/views/GestureOverlay.tsx b/src/client/views/GestureOverlay.tsx
index db6c00426..0882294a2 100644
--- a/src/client/views/GestureOverlay.tsx
+++ b/src/client/views/GestureOverlay.tsx
@@ -469,7 +469,7 @@ export class GestureOverlay extends React.Component<React.PropsWithChildren<Gest
                 DataDoc={undefined}
                 addDocument={undefined}
                 addDocTab={returnFalse}
-                rootSelected={returnTrue}
+                rootSelected={returnFalse}
                 pinToPres={emptyFunction}
                 removeDocument={undefined}
                 ScreenToLocalTransform={this.screenToLocalTransform}
diff --git a/src/client/views/LightboxView.tsx b/src/client/views/LightboxView.tsx
index c91f8455a..98d30b625 100644
--- a/src/client/views/LightboxView.tsx
+++ b/src/client/views/LightboxView.tsx
@@ -7,7 +7,7 @@ import * as React from 'react';
 import { Doc, DocListCast, FieldResult, Opt } from '../../fields/Doc';
 import { InkTool } from '../../fields/InkField';
 import { Cast, NumCast } from '../../fields/Types';
-import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnTrue, Utils } from '../../Utils';
+import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnTrue, Utils } from '../../Utils';
 import { DocUtils } from '../documents/Documents';
 import { DocumentManager } from '../util/DocumentManager';
 import { LinkManager } from '../util/LinkManager';
@@ -256,7 +256,7 @@ export class LightboxView extends React.Component<LightboxViewProps> {
                             styleProvider={DefaultStyleProvider}
                             ScreenToLocalTransform={this.lightboxScreenToLocal}
                             renderDepth={0}
-                            rootSelected={returnTrue}
+                            rootSelected={returnFalse}
                             docViewPath={returnEmptyDoclist}
                             childFilters={returnEmptyFilter}
                             childFiltersByRanges={returnEmptyFilter}
diff --git a/src/client/views/MainView.tsx b/src/client/views/MainView.tsx
index f40f1f3e8..f42c17694 100644
--- a/src/client/views/MainView.tsx
+++ b/src/client/views/MainView.tsx
@@ -604,7 +604,7 @@ export class MainView extends React.Component {
                     pinToPres={emptyFunction}
                     docViewPath={returnEmptyDoclist}
                     styleProvider={DefaultStyleProvider}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     addDocument={this.addHeaderDoc}
                     removeDocument={this.removeHeaderDoc}
                     fitContentsToBox={returnTrue}
@@ -641,7 +641,7 @@ export class MainView extends React.Component {
                     pinToPres={emptyFunction}
                     docViewPath={returnEmptyDoclist}
                     styleProvider={this._hideUI ? DefaultStyleProvider : undefined}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     isContentActive={returnTrue}
                     removeDocument={undefined}
                     ScreenToLocalTransform={this._hideUI ? this.mainScreenToLocalXf : Transform.Identity}
@@ -737,7 +737,7 @@ export class MainView extends React.Component {
                         pinToPres={emptyFunction}
                         docViewPath={returnEmptyDoclist}
                         styleProvider={this._sidebarContent.proto === Doc.MyDashboards || this._sidebarContent.proto === Doc.MyFilesystem ? DashboardStyleProvider : DefaultStyleProvider}
-                        rootSelected={returnTrue}
+                        rootSelected={returnFalse}
                         removeDocument={returnFalse}
                         ScreenToLocalTransform={this.mainContainerXf}
                         PanelWidth={this.leftMenuFlyoutWidth}
@@ -766,7 +766,7 @@ export class MainView extends React.Component {
                     addDocument={undefined}
                     addDocTab={DocumentViewInternal.addDocTabFunc}
                     pinToPres={emptyFunction}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     removeDocument={returnFalse}
                     ScreenToLocalTransform={this.sidebarScreenToLocal}
                     PanelWidth={this.leftMenuWidth}
@@ -906,7 +906,7 @@ export class MainView extends React.Component {
                     dropAction="embed"
                     setHeight={returnFalse}
                     styleProvider={DefaultStyleProvider}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     bringToFront={emptyFunction}
                     select={emptyFunction}
                     isAnyChildContentActive={returnFalse}
@@ -993,7 +993,7 @@ export class MainView extends React.Component {
                 pinToPres={emptyFunction}
                 docViewPath={returnEmptyDoclist}
                 styleProvider={DefaultStyleProvider}
-                rootSelected={returnTrue}
+                rootSelected={returnFalse}
                 addDocument={returnFalse}
                 removeDocument={returnFalse}
                 fitContentsToBox={returnTrue}
diff --git a/src/client/views/OverlayView.tsx b/src/client/views/OverlayView.tsx
index c7b59a8e2..fbcefd460 100644
--- a/src/client/views/OverlayView.tsx
+++ b/src/client/views/OverlayView.tsx
@@ -7,7 +7,7 @@ import { Doc } from '../../fields/Doc';
 import { Height, Width } from '../../fields/DocSymbols';
 import { Id } from '../../fields/FieldSymbols';
 import { NumCast } from '../../fields/Types';
-import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnTrue, setupMoveUpEvents, Utils } from '../../Utils';
+import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnTrue, setupMoveUpEvents, Utils } from '../../Utils';
 import { DocumentType } from '../documents/DocumentTypes';
 import { DragManager } from '../util/DragManager';
 import { Transform } from '../util/Transform';
@@ -222,7 +222,7 @@ export class OverlayView extends React.Component {
                     style={{ top: d.type === DocumentType.PRES ? 0 : undefined, width: NumCast(d._width), height: NumCast(d._height), transform: `translate(${d.overlayX}px, ${d.overlayY}px)` }}>
                     <DocumentView
                         Document={d}
-                        rootSelected={returnTrue}
+                        rootSelected={returnFalse}
                         bringToFront={emptyFunction}
                         addDocument={undefined}
                         removeDocument={this.removeOverlayDoc}
diff --git a/src/client/views/Palette.tsx b/src/client/views/Palette.tsx
deleted file mode 100644
index 749eb08a2..000000000
--- a/src/client/views/Palette.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import { IReactionDisposer, observable, reaction } from 'mobx';
-import { observer } from 'mobx-react';
-import * as React from 'react';
-import { Doc } from '../../fields/Doc';
-import { NumCast } from '../../fields/Types';
-import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnEmptyString, returnFalse, returnTrue, emptyPath } from '../../Utils';
-import { Transform } from '../util/Transform';
-import { DocumentView } from './nodes/DocumentView';
-import './Palette.scss';
-
-export interface PaletteProps {
-    x: number;
-    y: number;
-    thumb: number[];
-    thumbDoc: Doc;
-}
-
-@observer
-export default class Palette extends React.Component<PaletteProps> {
-    private _selectedDisposer?: IReactionDisposer;
-    @observable private _selectedIndex: number = 0;
-
-    componentDidMount = () => {
-        this._selectedDisposer = reaction(
-            () => NumCast(this.props.thumbDoc.selectedIndex),
-            i => (this._selectedIndex = i),
-            { fireImmediately: true }
-        );
-    };
-
-    componentWillUnmount = () => {
-        this._selectedDisposer?.();
-    };
-
-    render() {
-        return (
-            <div className="palette-container" style={{ transform: `translate(${this.props.x}px, ${this.props.y}px)` }}>
-                <div className="palette-thumb" style={{ transform: `translate(${this.props.thumb[0] - this.props.x}px, ${this.props.thumb[1] - this.props.y}px)` }}>
-                    <div className="palette-thumbContent" style={{ transform: `translate(-${this._selectedIndex * 50 + 10}px, 0px)` }}>
-                        <DocumentView
-                            Document={this.props.thumbDoc}
-                            DataDoc={undefined}
-                            addDocument={undefined}
-                            addDocTab={returnFalse}
-                            rootSelected={returnTrue}
-                            pinToPres={emptyFunction}
-                            removeDocument={undefined}
-                            ScreenToLocalTransform={Transform.Identity}
-                            PanelWidth={() => window.screen.width}
-                            PanelHeight={() => window.screen.height}
-                            renderDepth={0}
-                            isDocumentActive={returnTrue}
-                            isContentActive={emptyFunction}
-                            focus={emptyFunction}
-                            docViewPath={returnEmptyDoclist}
-                            styleProvider={returnEmptyString}
-                            whenChildContentsActiveChanged={emptyFunction}
-                            bringToFront={emptyFunction}
-                            childFilters={returnEmptyFilter}
-                            childFiltersByRanges={returnEmptyFilter}
-                            searchFilterDocs={returnEmptyDoclist}
-                        />
-                        <div className="palette-cover" style={{ transform: `translate(${Math.max(0, this._selectedIndex) * 50.75 + 23}px, 0px)` }}></div>
-                    </div>
-                </div>
-            </div>
-        );
-    }
-}
diff --git a/src/client/views/collections/CollectionMenu.tsx b/src/client/views/collections/CollectionMenu.tsx
index cf154be8d..b190eb23d 100644
--- a/src/client/views/collections/CollectionMenu.tsx
+++ b/src/client/views/collections/CollectionMenu.tsx
@@ -119,7 +119,7 @@ export class CollectionMenu extends AntimodeMenu<CollectionMenuProps> {
                     dropAction="embed"
                     setHeight={returnFalse}
                     styleProvider={DefaultStyleProvider}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     bringToFront={emptyFunction}
                     select={emptyFunction}
                     isContentActive={returnTrue}
diff --git a/src/client/views/collections/CollectionTreeView.tsx b/src/client/views/collections/CollectionTreeView.tsx
index 761192a22..54332a7fd 100644
--- a/src/client/views/collections/CollectionTreeView.tsx
+++ b/src/client/views/collections/CollectionTreeView.tsx
@@ -236,7 +236,7 @@ export class CollectionTreeView extends CollectionSubView<Partial<collectionTree
                 renderDepth={this.props.renderDepth + 1}
                 isContentActive={this.isContentActive}
                 isDocumentActive={this.isContentActive}
-                rootSelected={returnTrue}
+                rootSelected={returnFalse}
                 forceAutoHeight={true} // needed to make the title resize even if the rest of the tree view is not layout_autoHeight
                 PanelWidth={this.documentTitleWidth}
                 PanelHeight={this.documentTitleHeight}
diff --git a/src/client/views/collections/TabDocView.tsx b/src/client/views/collections/TabDocView.tsx
index 6e1e6cf8d..426ad2c2f 100644
--- a/src/client/views/collections/TabDocView.tsx
+++ b/src/client/views/collections/TabDocView.tsx
@@ -459,7 +459,7 @@ export class TabDocView extends React.Component<TabDocViewProps> {
                     addDocTab={this.addDocTab}
                     ScreenToLocalTransform={this.ScreenToLocalTransform}
                     dontCenter={'y'}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     whenChildContentsActiveChanged={this.whenChildContentActiveChanges}
                     focus={this.focusFunc}
                     docViewPath={returnEmptyDoclist}
@@ -598,7 +598,7 @@ export class TabMinimapView extends React.Component<TabMinimapViewProps> {
                     dontRegisterView={true}
                     fieldKey={Doc.LayoutFieldKey(this.props.document)}
                     bringToFront={emptyFunction}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     addDocument={returnFalse}
                     moveDocument={returnFalse}
                     removeDocument={returnFalse}
diff --git a/src/client/views/collections/TreeView.tsx b/src/client/views/collections/TreeView.tsx
index 004857ed1..6e3f8e807 100644
--- a/src/client/views/collections/TreeView.tsx
+++ b/src/client/views/collections/TreeView.tsx
@@ -976,7 +976,7 @@ export class TreeView extends React.Component<TreeViewProps> {
                 treeViewDoc={this.props.treeView.props.Document}
                 addDocument={undefined}
                 addDocTab={this.props.addDocTab}
-                rootSelected={returnTrue}
+                rootSelected={returnFalse}
                 pinToPres={emptyFunction}
                 onClick={this.onChildClick}
                 onDoubleClick={this.onChildDoubleClick}
@@ -1082,7 +1082,7 @@ export class TreeView extends React.Component<TreeViewProps> {
                     ScreenToLocalTransform={this.docTransform}
                     renderDepth={this.props.renderDepth + 1}
                     treeViewDoc={this.props.treeView?.props.Document}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     docViewPath={this.props.treeView.props.docViewPath}
                     childFilters={returnEmptyFilter}
                     childFiltersByRanges={returnEmptyFilter}
diff --git a/src/client/views/linking/LinkPopup.tsx b/src/client/views/linking/LinkPopup.tsx
index 9a9a89732..f02a284da 100644
--- a/src/client/views/linking/LinkPopup.tsx
+++ b/src/client/views/linking/LinkPopup.tsx
@@ -74,7 +74,7 @@ export class LinkPopup extends React.Component<LinkPopupProps> {
                         addDocument={undefined}
                         addDocTab={returnTrue}
                         pinToPres={emptyFunction}
-                        rootSelected={returnTrue}
+                        rootSelected={returnFalse}
                         styleProvider={DefaultStyleProvider}
                         removeDocument={undefined}
                         ScreenToLocalTransform={Transform.Identity}
diff --git a/src/client/views/newlightbox/NewLightboxView.tsx b/src/client/views/newlightbox/NewLightboxView.tsx
index ca90f6a0f..bde93c761 100644
--- a/src/client/views/newlightbox/NewLightboxView.tsx
+++ b/src/client/views/newlightbox/NewLightboxView.tsx
@@ -5,7 +5,7 @@ import * as React from 'react';
 import { Doc, DocListCast, Opt } from '../../../fields/Doc';
 import { InkTool } from '../../../fields/InkField';
 import { Cast, NumCast, StrCast } from '../../../fields/Types';
-import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnTrue } from '../../../Utils';
+import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnTrue } from '../../../Utils';
 import { DocUtils } from '../../documents/Documents';
 import { DocumentManager } from '../../util/DocumentManager';
 import { LinkManager } from '../../util/LinkManager';
@@ -302,7 +302,7 @@ export class NewLightboxView extends React.Component<LightboxViewProps> {
                         styleProvider={DefaultStyleProvider}
                         ScreenToLocalTransform={this.newLightboxScreenToLocal}
                         renderDepth={0}
-                        rootSelected={returnTrue}
+                        rootSelected={returnFalse}
                         docViewPath={returnEmptyDoclist}
                         childFilters={this.docFilters}
                         childFiltersByRanges={returnEmptyFilter}
diff --git a/src/client/views/nodes/trails/PresElementBox.tsx b/src/client/views/nodes/trails/PresElementBox.tsx
index c667f126f..10a9395a0 100644
--- a/src/client/views/nodes/trails/PresElementBox.tsx
+++ b/src/client/views/nodes/trails/PresElementBox.tsx
@@ -110,7 +110,7 @@ export class PresElementBox extends ViewBoxBaseComponent<FieldViewProps>() {
                     childFilters={this.props.childFilters}
                     childFiltersByRanges={this.props.childFiltersByRanges}
                     searchFilterDocs={this.props.searchFilterDocs}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     addDocument={returnFalse}
                     removeDocument={returnFalse}
                     fitContentsToBox={returnTrue}
@@ -546,7 +546,7 @@ export class PresElementBox extends ViewBoxBaseComponent<FieldViewProps>() {
 
         return (
             <div
-                className='presItem-container'
+                className="presItem-container"
                 key={this.props.Document[Id] + this.indexInPres}
                 ref={this._itemRef}
                 style={{
diff --git a/src/client/views/topbar/TopBar.tsx b/src/client/views/topbar/TopBar.tsx
index 55d94406a..f1686a6ea 100644
--- a/src/client/views/topbar/TopBar.tsx
+++ b/src/client/views/topbar/TopBar.tsx
@@ -105,7 +105,7 @@ export class TopBar extends React.Component {
                     dropAction="embed"
                     setHeight={returnFalse}
                     styleProvider={DefaultStyleProvider}
-                    rootSelected={returnTrue}
+                    rootSelected={returnFalse}
                     bringToFront={emptyFunction}
                     select={emptyFunction}
                     isContentActive={returnTrue}
diff --git a/src/mobile/AudioUpload.scss b/src/mobile/AudioUpload.scss
deleted file mode 100644
index dce0c724f..000000000
--- a/src/mobile/AudioUpload.scss
+++ /dev/null
@@ -1,61 +0,0 @@
-@import "../client/views/global/globalCssVariables.scss";
-
-.audioUpload_cont {
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    align-items: center;
-    margin-top: 10px;
-    height: 400px;
-    width: 600px;
-}
-
-.upload_label {
-    position: relative;
-    font-weight: 700;
-    color: black;
-    background-color: rgba(0, 0, 0, 0);
-    border: solid 3px black;
-    margin: 10px;
-    font-size: 30;
-    height: 70px;
-    width: 60%;
-    display: inline-flex;
-    font-family: sans-serif;
-    text-transform: uppercase;
-    justify-content: center;
-    flex-direction: column;
-    border-radius: 10px;
-}
-
-.restart_label {
-    position: relative;
-    font-weight: 700;
-    color: black;
-    background-color: rgba(0, 0, 0, 0);
-    border: solid 3px black;
-    margin: 10px;
-    font-size: 30;
-    height: 70px;
-    width: 60%;
-    display: inline-flex;
-    font-family: sans-serif;
-    text-transform: uppercase;
-    justify-content: center;
-    flex-direction: column;
-    border-radius: 10px;
-}
-
-.audio-upload {
-    top: 100%;
-    opacity: 0;
-}
-
-.audio-upload.active {
-    top: 0;
-    position: absolute;
-    z-index: 999;
-    height: 100vh;
-    width: 100vw;
-    opacity: 1;
-}
\ No newline at end of file
diff --git a/src/mobile/AudioUpload.tsx b/src/mobile/AudioUpload.tsx
deleted file mode 100644
index 7a1dde9fb..000000000
--- a/src/mobile/AudioUpload.tsx
+++ /dev/null
@@ -1,162 +0,0 @@
-import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { action, observable } from 'mobx';
-import { observer } from 'mobx-react';
-import { Docs } from '../client/documents/Documents';
-import { Transform } from '../client/util/Transform';
-import { ContextMenu } from '../client/views/ContextMenu';
-import { DictationOverlay } from '../client/views/DictationOverlay';
-import { MainViewModal } from '../client/views/MainViewModal';
-import { DocumentView } from '../client/views/nodes/DocumentView';
-import { RichTextMenu } from '../client/views/nodes/formattedText/RichTextMenu';
-import { Doc } from '../fields/Doc';
-import { listSpec } from '../fields/Schema';
-import { Cast, FieldValue } from '../fields/Types';
-import { nullAudio } from '../fields/URLField';
-import { emptyFunction, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnTrue, emptyPath } from '../Utils';
-import './ImageUpload.scss';
-import { MobileInterface } from './MobileInterface';
-import React = require('react');
-
-@observer
-export class AudioUpload extends React.Component {
-    @observable public _audioCol: Doc = FieldValue(
-        Cast(
-            Docs.Create.FreeformDocument([Cast(Docs.Create.AudioDocument(nullAudio, { title: 'mobile audio', _width: 500, _height: 100 }), Doc) as Doc], {
-                title: 'mobile audio',
-                _width: 300,
-                _height: 300,
-                _layout_fitContentsToBox: true,
-                layout_boxShadow: '0 0',
-            }),
-            Doc
-        )
-    ) as Doc;
-
-    /**
-     * Handles the onclick functionality for the 'Restart' button
-     * Resets the document to its default view
-     */
-    @action
-    clearUpload = () => {
-        for (let i = 1; i < 8; i++) {
-            this.setOpacity(i, '0.2');
-        }
-        this._audioCol = FieldValue(
-            Cast(
-                Docs.Create.FreeformDocument(
-                    [
-                        Cast(
-                            Docs.Create.AudioDocument(nullAudio, {
-                                title: 'mobile audio',
-                                _width: 500,
-                                _height: 100,
-                            }),
-                            Doc
-                        ) as Doc,
-                    ],
-                    { title: 'mobile audio', _width: 300, _height: 300, _layout_fitContentsToBox: true, layout_boxShadow: '0 0' }
-                ),
-                Doc
-            )
-        ) as Doc;
-    };
-
-    /**
-     * Handles the onClick of the 'Close' button
-     * Reset upload interface and toggle audio
-     */
-    closeUpload = () => {
-        this.clearUpload();
-        MobileInterface.Instance.toggleAudio();
-    };
-
-    /**
-     * Handles the on click of the 'Upload' button.
-     * Pushing the audio doc onto Dash Web through the right side bar
-     */
-    uploadAudio = () => {
-        const audioRightSidebar = Cast(Doc.SharingDoc(), Doc, null);
-        const audioDoc = this._audioCol;
-        const data = Cast(audioRightSidebar.data, listSpec(Doc));
-        for (let i = 1; i < 8; i++) {
-            setTimeout(() => this.setOpacity(i, '1'), i * 200);
-        }
-        if (data) {
-            data.push(audioDoc);
-        }
-        // Resets uploader after 3 seconds
-        setTimeout(this.clearUpload, 3000);
-    };
-
-    // Returns the upload audio menu
-    private get uploadInterface() {
-        return (
-            <>
-                <ContextMenu />
-                <DictationOverlay />
-                <div style={{ display: 'none' }}>
-                    <RichTextMenu key="rich" />
-                </div>
-                <div className="closeUpload" onClick={() => this.closeUpload()}>
-                    <FontAwesomeIcon icon="window-close" size={'lg'} />
-                </div>
-                <FontAwesomeIcon icon="microphone" size="lg" style={{ fontSize: '130' }} />
-                <div className="audioUpload_cont">
-                    <DocumentView
-                        Document={this._audioCol}
-                        DataDoc={undefined}
-                        addDocument={undefined}
-                        addDocTab={returnFalse}
-                        pinToPres={emptyFunction}
-                        rootSelected={returnTrue}
-                        removeDocument={undefined}
-                        childFilters={returnEmptyFilter}
-                        childFiltersByRanges={returnEmptyFilter}
-                        searchFilterDocs={returnEmptyDoclist}
-                        ScreenToLocalTransform={Transform.Identity}
-                        PanelWidth={() => 600}
-                        PanelHeight={() => 400}
-                        renderDepth={0}
-                        isDocumentActive={returnTrue}
-                        isContentActive={emptyFunction}
-                        focus={emptyFunction}
-                        styleProvider={() => 'rgba(0,0,0,0)'}
-                        docViewPath={returnEmptyDoclist}
-                        whenChildContentsActiveChanged={emptyFunction}
-                        bringToFront={emptyFunction}
-                    />
-                </div>
-                <div className="restart_label" onClick={this.clearUpload}>
-                    Restart
-                </div>
-                <div className="upload_label" onClick={this.uploadAudio}>
-                    Upload
-                </div>
-                <div className="loadingImage">
-                    <div className="loadingSlab" id="slab01" />
-                    <div className="loadingSlab" id="slab02" />
-                    <div className="loadingSlab" id="slab03" />
-                    <div className="loadingSlab" id="slab04" />
-                    <div className="loadingSlab" id="slab05" />
-                    <div className="loadingSlab" id="slab06" />
-                    <div className="loadingSlab" id="slab07" />
-                </div>
-            </>
-        );
-    }
-
-    // Handles the setting of the loading bar
-    setOpacity = (index: number, opacity: string) => {
-        const slab = document.getElementById('slab0' + index);
-        if (slab) {
-            slab.style.opacity = opacity;
-        }
-    };
-
-    @observable private dialogueBoxOpacity = 1;
-    @observable private overlayOpacity = 0.4;
-
-    render() {
-        return <MainViewModal contents={this.uploadInterface} isDisplayed={true} interactive={true} dialogueBoxDisplayedOpacity={this.dialogueBoxOpacity} overlayDisplayedOpacity={this.overlayOpacity} closeOnExternalClick={this.closeUpload} />;
-    }
-}
diff --git a/src/mobile/MobileInterface.tsx b/src/mobile/MobileInterface.tsx
index e24bcd733..97f771c16 100644
--- a/src/mobile/MobileInterface.tsx
+++ b/src/mobile/MobileInterface.tsx
@@ -122,7 +122,6 @@ import { List } from '../fields/List';
 import { ScriptField } from '../fields/ScriptField';
 import { Cast, FieldValue, StrCast } from '../fields/Types';
 import { emptyFunction, emptyPath, returnEmptyDoclist, returnEmptyFilter, returnFalse, returnOne, returnTrue, returnZero } from '../Utils';
-import { AudioUpload } from './AudioUpload';
 import { Uploader } from './ImageUpload';
 import './AudioUpload.scss';
 import './ImageUpload.scss';
@@ -820,9 +819,6 @@ export class MobileInterface extends React.Component {
             <div className="mobileInterface-container" onDragOver={this.onDragOver}>
                 <SettingsManager />
                 <div className={`image-upload ${this._imageUploadActive ? 'active' : ''}`}>{this.uploadImage}</div>
-                <div className={`audio-upload ${this._audioUploadActive ? 'active' : ''}`}>
-                    <AudioUpload />
-                </div>
                 {this.switchMenuView}
                 {this.inkMenu}
                 <GestureOverlay isActive={true}>