Merge pull request #89 from paustint/logo

Logo update

Author: paustint

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2.2.3
+
+Jan 4, 2020
+
+1. Added logo to README and updated docs.
+
 ## 2.2.2
 
 Dec 2, 2019

README.md

@@ -1,4 +1,4 @@
-# SOQL Parser JS
+<img src="./assets/soql-parser-js-logo.svg">
 
 [![build](https://api.travis-ci.com/paustint/soql-parser-js.png?branch=master)](https://travis-ci.com/paustint/soql-parser-js)
 [![npm version](https://badge.fury.io/js/soql-parser-js.svg)](https://badge.fury.io/js/soql-parser-js)

assets/soql-parser-js-logo.svg

@@ -5,18 +5,18 @@
   "homepage": "http://paustint.github.io/soql-parser-js",
   "dependencies": {
     "@types/jest": "24.0.18",
-    "@types/lodash": "^4.14.136",
+    "@types/lodash": "^4.14.149",
     "@types/node": "12.7.8",
     "@types/react": "16.9.3",
     "@types/react-copy-to-clipboard": "^4.3.0",
     "@types/react-dom": "16.9.1",
     "@types/react-syntax-highlighter": "0.0.7",
     "gh-pages": "^2.0.1",
     "lodash": "^4.17.14",
-    "office-ui-fabric-react": "^6.84.0",
-    "react": "^16.10.1",
-    "react-copy-to-clipboard": "^5.0.1",
-    "react-dom": "^16.10.1",
+    "office-ui-fabric-react": "^6.211.0",
+    "react": "^16.12.0",
+    "react-copy-to-clipboard": "^5.0.2",
+    "react-dom": "^16.12.0",
     "react-scripts": "3.1.2",
     "react-syntax-highlighter": "^9.0.0",
     "soql-parser-js": "^2.2.2",

docs/package-lock.json

@@ -8,19 +8,23 @@ import SampleQueries from './components/sample-queries';
 
 initializeIcons();
 
-interface IAppstate {
-  soql: string;
-}
+class App extends React.Component<any, any> {
+  parseSoqlRef: React.RefObject<ParseSoql>;
 
-class App extends React.Component<any, IAppstate> {
   constructor(props: any) {
     super(props);
+
+    this.parseSoqlRef = React.createRef<ParseSoql>();
+
     this.state = {
       soql: 'SELECT Id, Name FROM Account',
     };
   }
+
   public onQuerySelected = (soql: string) => {
-    this.setState({ soql });
+    if (this.parseSoqlRef.current) {
+      this.parseSoqlRef.current.soqlQueryExternalChange(soql);
+    }
   };
 
   public render() {
@@ -33,7 +37,7 @@ class App extends React.Component<any, IAppstate> {
         <div className="ms-Grid">
           <div className="ms-Grid-row">
             <div className="ms-Grid-col ms-sm6">
-              <ParseSoql soql={this.state.soql} />
+              <ParseSoql ref={this.parseSoqlRef} />
             </div>
             <div className="ms-Grid-col ms-sm6 queries-col">
               <SampleQueries onQuerySelected={this.onQuerySelected} />

docs/package.json

@@ -1,16 +1,17 @@
 import * as React from 'react';
 import './navbar.css';
 import * as ghImage from '../images/GitHub-Mark-Light-32px.png';
+import { ReactComponent as Logo } from '../images/soql-parser-js-logo.svg';
 
 export function Navbar(props: any) {
   return (
     <div className="NavBar">
-      <div className="logo ms-font-xl">
-        <strong>SOQL Parser JS</strong>
+      <div style={{ width: 350, paddingTop: 5 }}>
+        <Logo style={{ backgroundColor: '#fff' }} />
       </div>
       <div className="logos">
-        <a href="https://github.com/paustint/soql-parser-js" target="_blank">
-          <img src={ghImage.default} />
+        <a href="https://github.com/paustint/soql-parser-js" target="_blank" rel="noopener noreferrer">
+          <img src={ghImage.default} alt="github logo" />
         </a>
       </div>
     </div>

docs/src/App.tsx

@@ -16,10 +16,6 @@ export interface CodeOutputProps {
 }
 
 export default class CodeOutput extends React.Component<CodeOutputProps, any> {
-  constructor(props: CodeOutputProps) {
-    super(props);
-  }
-
   public render() {
     return (
       <div className="ms-Grid-row">