tweaks

Author: PH111P

frontend/src/components/Editor.tsx

@@ -38,7 +38,6 @@ class Editor extends React.Component<any, State> {
             savedFeedbackTimer: null,
         };
 
-        this.onFileNameBlur = this.onFileNameBlur.bind(this);
         this.onResize = this.onResize.bind(this);
         this.handleCodeChange = this.handleCodeChange.bind(this);
         this.handleFileNameChange = this.handleFileNameChange.bind(this);
@@ -156,7 +155,7 @@ class Editor extends React.Component<any, State> {
             }
             fileForm = (
                 <Form inline={true} className="inlineBlock" onSubmit={this.handleFormSubmit}>
-                    <input className="form-control" type="text" onBlur={this.onFileNameBlur}
+                    <input className="form-control" type="text"
                         value={this.state.fileName} onChange={this.handleFileNameChange}
                         style={style} placeholder="File name"/>
                     <Button bsSize="small" bsStyle="pri-alt" onClick={this.handleSave}>
@@ -236,22 +235,11 @@ class Editor extends React.Component<any, State> {
     }
 
     onResize() {
-        this.setState(prevState => {
-            return {initialCode: prevState.code};
-        });
-    }
-
-    onFileNameBlur(evt: any) {
-        // save now!
-        /*
-        if (this.state.fileName !== '') {
-            Database.getInstance().then((db: Database) => {
-                return db.saveFile(this.state.fileName, this.state.code);
+        if (state.shareHash === undefined) {
+            this.setState(prevState => {
+                return {initialCode: prevState.code};
             });
-        } else {
-            localStorage.setItem('tmpCode', this.state.code);
         }
-        */
     }
 }
 

frontend/src/components/QRCode.tsx

@@ -25,11 +25,13 @@ class QRCode extends React.Component<Props, any> {
     private renderCode(text: string): any {
         let qr = QrCode.encodeText(text, Ecc.HIGH);
         let border = 1;
+        let width = 2 * border + qr.size;
+        let hw = width / 2;
         let settings = getInterfaceSettings();
         let dt: string | undefined = settings.autoSelectTheme ? settings.darkTheme : undefined;
         let white = getColor(settings.theme, dt, 'qr_bg');
         let black = getColor(settings.theme, dt, 'qr_fg');
-        let viewbox = `0 0 ${2 * border + qr.size} ${2 * border + qr.size}`;
+        let viewbox = `0 0 ${width} ${width}`;
 
         let parts: string[] = [];
         for (let y = 0; y < qr.size; y++) {
@@ -43,6 +45,11 @@ class QRCode extends React.Component<Props, any> {
             <svg viewBox={viewbox}>
                 <rect width="100%" height="100%" fill={white}/>
                 <path d={parts.join(' ')} fill={black}/>
+                <circle cx={hw} cy={hw} r={width / 6} stroke={white} stroke-width="1" fill={white} />
+                <circle cx={hw} cy={hw} r={width / 6 - 1} stroke={black} stroke-width="1" fill={white} />
+                <circle cx={hw} cy={hw} r={width / 17} stroke={black} stroke-width="1" fill={black} />
+                <circle cx={hw - width / 20} cy={hw - width / 20 - 1}
+                r={width / 25} stroke={black} stroke-width="1" fill={white} />
             </svg>
         );
     }