Merge branch 'master' of https://github.com/brown-dash/Dash-Web into Merge

1 files changed, 21 insertions, 52 deletions

diff --git a/src/client/views/newlightbox/components/EditableText/EditableText.tsx b/src/client/views/newlightbox/components/EditableText/EditableText.tsx
index e9e7ca264..cff84e990 100644
--- a/src/client/views/newlightbox/components/EditableText/EditableText.tsx
+++ b/src/client/views/newlightbox/components/EditableText/EditableText.tsx
@@ -1,16 +1,16 @@
-import * as React from 'react'
-import './EditableText.scss'
-import { Size } from 'browndash-components'
+import * as React from 'react';
+import './EditableText.scss';
+import { Size } from '@dash/components';
 
 export interface IEditableTextProps {
-  text: string
-  placeholder?: string
-  editing: boolean
-  onEdit: (newText: string) => void
-  setEditing: (editing: boolean) => void
-  backgroundColor?: string
-  size?: Size
-  height?: number
+    text: string;
+    placeholder?: string;
+    editing: boolean;
+    onEdit: (newText: string) => void;
+    setEditing: (editing: boolean) => void;
+    backgroundColor?: string;
+    size?: Size;
+    height?: number;
 }
 
 /**
@@ -20,46 +20,15 @@ export interface IEditableTextProps {
  * @returns
  */
 export const EditableText = (props: IEditableTextProps) => {
-  const {
-    editing,
-    height,
-    size,
-    text,
-    onEdit,
-    setEditing,
-    backgroundColor,
-    placeholder,
-  } = props
+    const { editing, height, text, onEdit, setEditing, backgroundColor, placeholder } = props;
 
-  const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {
-    onEdit(event.target.value)
-  }
+    const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+        onEdit(event.target.value);
+    };
 
-  return editing ? (
-    <input
-      style={{ background: backgroundColor, height: height }}
-      placeholder={placeholder}
-      size={1}
-      className="lb-editableText"
-      autoFocus
-      onChange={handleOnChange}
-      onBlur={() => setEditing(false)}
-      defaultValue={text}
-    ></input>
-  ) : (
-    <input
-      style={{ background: backgroundColor, height: height }}
-      placeholder={placeholder}
-      size={1}
-      className="lb-editableText"
-      autoFocus
-      onChange={handleOnChange}
-      onBlur={() => setEditing(false)}
-      defaultValue={text}
-    ></input>
-    // <div className="lb-displayText" onClick={(e) => {
-    //     e.stopPropagation()
-    //     setEditing(true)
-    // }}>{text}</div>
-  )
-}
+    return editing ? (
+        <input style={{ background: backgroundColor, height: height }} placeholder={placeholder} size={1} className="lb-editableText" autoFocus onChange={handleOnChange} onBlur={() => setEditing(false)} defaultValue={text}></input>
+    ) : (
+        <input style={{ background: backgroundColor, height: height }} placeholder={placeholder} size={1} className="lb-editableText" autoFocus onChange={handleOnChange} onBlur={() => setEditing(false)} defaultValue={text}></input>
+    );
+};