DEBUG: comment out text editor and all icon. Rendering ok now

magjac · Dec 9, 2023 · 1f580fe · 1f580fe
1 parent 5bc28d3
commit 1f580fe
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/src/ButtonAppBar.js b/src/ButtonAppBar.js
@@ -114,7 +114,7 @@ function ButtonAppBar(props) {
             aria-label="Menu"
             onClick={handleMenuButtonClick}
             size="large">
-            <MenuIcon />
+            {/* <MenuIcon /> */}
           </IconButton>
           <IconButton
             id="new"
@@ -123,7 +123,7 @@ function ButtonAppBar(props) {
             aria-label="New"
             onClick={handleNewButtonClick}
             size="large">
-            <AddIcon />
+            {/* <AddIcon /> */}
           </IconButton>
           <IconButton
             id="open"
@@ -132,7 +132,7 @@ function ButtonAppBar(props) {
             aria-label="OpenInBrowser"
             onClick={handleOpenInBrowserButtonClick}
             size="large">
-            <OpenInBrowserIcon />
+            {/* <OpenInBrowserIcon /> */}
           </IconButton>
           <IconButton
             id="save-as"
@@ -141,7 +141,7 @@ function ButtonAppBar(props) {
             aria-label="SaveAlt"
             onClick={handleSaveAltButtonClick}
             size="large">
-            <SaveAltIcon />
+            {/* <SaveAltIcon /> */}
           </IconButton>
           <IconButton
             id="undo"
@@ -151,7 +151,7 @@ function ButtonAppBar(props) {
             aria-label="Undo"
             onClick={handleUndoButtonClick}
             size="large">
-            <UndoIcon />
+            {/* <UndoIcon /> */}
           </IconButton>
           <IconButton
             id="redo"
@@ -161,7 +161,7 @@ function ButtonAppBar(props) {
             aria-label="Redo"
             onClick={handleRedoButtonClick}
             size="large">
-            <RedoIcon />
+            {/* <RedoIcon /> */}
           </IconButton>
           <Typography
             variant="h6"
@@ -177,7 +177,7 @@ function ButtonAppBar(props) {
             aria-label="ZoomIn"
             onClick={handleZoomInButtonClick}
             size="large">
-            <ZoomInIcon />
+            {/* <ZoomInIcon /> */}
           </IconButton>
           <IconButton
             id="zoom-out"
@@ -186,7 +186,7 @@ function ButtonAppBar(props) {
             aria-label="ZoomOut"
             onClick={handleZoomOutButtonClick}
             size="large">
-            <ZoomOutIcon />
+            {/* <ZoomOutIcon /> */}
           </IconButton>
           <IconButton
             id="zoom-out-map"
@@ -195,7 +195,7 @@ function ButtonAppBar(props) {
             aria-label="ZoomOutMap"
             onClick={handleZoomOutMapButtonClick}
             size="large">
-            <ZoomOutMapIcon />
+            {/* <ZoomOutMapIcon /> */}
           </IconButton>
           <Button
             id="zoom-reset"
@@ -228,7 +228,7 @@ function ButtonAppBar(props) {
             aria-label="Settings"
             onClick={handleSettingsButtonClick}
             size="large">
-            <SettingsIcon />
+            {/* <SettingsIcon /> */}
           </IconButton>
           <a
             id="github"
@@ -238,9 +238,9 @@ function ButtonAppBar(props) {
             rel="noreferrer noopener"
           >
             <IconButton color="inherit" aria-label="GitHub" size="large">
-              <GitHubIcon
+              {/* <GitHubIcon
                 viewBox='-2.4 -2.4 28.8 28.8'
-              />
+              /> */}
             </IconButton>
           </a>
           <IconButton
@@ -249,7 +249,7 @@ function ButtonAppBar(props) {
             aria-label="Help"
             onClick={handleHelpButtonClick}
             size="large">
-            <HelpIcon />
+            {/* <HelpIcon /> */}
           </IconButton>
         </Toolbar>
       </AppBar>

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -681,7 +681,7 @@ class Index extends React.Component {
 
   render() {
     const { classes } = this.props;
-    const editorIsOpen = !this.state.nodeFormatDrawerIsOpen && !this.state.edgeFormatDrawerIsOpen;
+    const editorIsOpen = false; //!this.state.nodeFormatDrawerIsOpen && !this.state.edgeFormatDrawerIsOpen;
     const textEditorHasFocus = this.state.focusedPane === 'TextEditor';
     const nodeFormatDrawerHasFocus = this.state.focusedPane === 'NodeFormatDrawer';
     const edgeFormatDrawerHasFocus = this.state.focusedPane === 'EdgeFormatDrawer';
@@ -838,7 +838,7 @@ class Index extends React.Component {
                   onFillColorChange={this.handleEdgeFillColorChange}
                 />
               }
-              <div style={{display: editorIsOpen ? 'block' : 'none'}}>
+              {/* <div style={{display: editorIsOpen ? 'block' : 'none'}}>
                 <TextEditor
                   // allocated viewport width - 2 * padding
                   width={`calc(${columns.textEditor * 100 / 12}vw - 2 * 12px)`}
@@ -856,7 +856,7 @@ class Index extends React.Component {
                   registerRedo={this.registerRedo}
                   registerUndoReset={this.registerUndoReset}
                 />
-              </div>
+              </div> */}
             </Paper>
           </Grid>
           {this.state.insertPanelsAreOpen && this.state.graphInitialized && (