From 12d1a17f4151a4f1c2a5a49287e65be7794a622c Mon Sep 17 00:00:00 2001
From: Geireann Lindfield Roberts <60007097+geireann@users.noreply.github.com>
Date: Tue, 18 Jul 2023 01:06:08 -0400
Subject: fixed lightbox view

---
 src/client/views/EditableView.tsx | 40 +++++++++++++++------------------------
 src/client/views/MainView.tsx     |  2 +-
 2 files changed, 16 insertions(+), 26 deletions(-)

(limited to 'src')

diff --git a/src/client/views/EditableView.tsx b/src/client/views/EditableView.tsx
index 4deed5ed9..4a986cb54 100644
--- a/src/client/views/EditableView.tsx
+++ b/src/client/views/EditableView.tsx
@@ -232,32 +232,22 @@ export class EditableView extends React.Component<EditableProps> {
                     onChange: this.props.autosuggestProps.onChange,
                 }}
             />
-        ) : <EditableText
-                // oneLine={this.props.oneLine && this.props.GetValue()?.toString().indexOf('\n') === -1}
-                editing={true} 
-                onEdit={function (newText: string): void {
-                    throw new Error('Function not implemented.');
-                } } 
-                setEditing={function (editing: boolean): void {
-                    throw new Error('Function not implemented.');
-                } }                
-                // onEdit={this.onChange}
+        ) : 
+            <input
+                className="editableView-input"
+                ref={r => (this._inputref = r)}
+                style={{ display: this.props.display, overflow: 'auto', fontSize: this.props.fontSize, minWidth: 20, background: this.props.background }}
+                placeholder={this.props.placeholder}
+                onBlur={e => this.finalizeEdit(e.currentTarget.value, false, true, false)}
+                defaultValue={this.props.GetValue()}
+                autoFocus={true}
+                onChange={this.onChange}
+                onKeyDown={this.onKeyDown}
+                onKeyPress={this.stopPropagation}
+                onPointerDown={this.stopPropagation}
+                onClick={this.stopPropagation}
+                onPointerUp={this.stopPropagation}
             />
-        //     // <input
-        //     //     className="editableView-input"
-        //     //     ref={r => (this._inputref = r)}
-        //     //     style={{ display: this.props.display, overflow: 'auto', fontSize: this.props.fontSize, minWidth: 20, background: this.props.background }}
-        //     //     placeholder={this.props.placeholder}
-        //     //     onBlur={e => this.finalizeEdit(e.currentTarget.value, false, true, false)}
-        //     //     defaultValue={this.props.GetValue()}
-        //     //     autoFocus={true}
-        //     //     onChange={this.onChange}
-        //     //     onKeyDown={this.onKeyDown}
-        //     //     onKeyPress={this.stopPropagation}
-        //     //     onPointerDown={this.stopPropagation}
-        //     //     onClick={this.stopPropagation}
-        //     //     onPointerUp={this.stopPropagation}
-        //     // />
         // ) : (
         //     <textarea
         //         className="editableView-input"
diff --git a/src/client/views/MainView.tsx b/src/client/views/MainView.tsx
index 6e7498ebc..28f0ad0c8 100644
--- a/src/client/views/MainView.tsx
+++ b/src/client/views/MainView.tsx
@@ -1020,7 +1020,7 @@ export class MainView extends React.Component {
                 <InkTranscription />
                 {this.snapLines}
                 <LightboxView key="lightbox" PanelWidth={this._windowWidth} PanelHeight={this._windowHeight} maxBorder={[200, 50]} />
-                <NewLightboxView key="newLightbox" PanelWidth={this._windowWidth} PanelHeight={this._windowHeight} maxBorder={[200, 50]} />
+                {/* <NewLightboxView key="newLightbox" PanelWidth={this._windowWidth} PanelHeight={this._windowHeight} maxBorder={[200, 50]} /> */}
             </div>
         );
     }
-- 
cgit v1.2.3-70-g09d2