Merge pull request #10 from keplergl/fix/trex-files

fix: trex files and small tweaks to css, logos, typos

Author: Chris DeMartini

public/datablick-kepler-gl local.trex renamed to public/datablick-kepler-gl-local.trex

@@ -4,7 +4,7 @@
     <default-locale>en_US</default-locale>
     <name resource-id="name"/>
     <description>Kepler.gl</description>
-    <author name="Chris DeMartini, Shan He and several others" email="extensions@datablick.com" organization="DataBlick and Uber" website="https://kepler.gl/"/>
+    <author name="Multiple Contributors (See Git Repo)" email="keplergl-tableau@googlegroups.com" organization="DataBlick, Starschema and Uber" website="https://kepler.gl/"/>
     <min-api-version>1.1</min-api-version>
     <source-location>
       <url>http://localhost:3000/index.html</url>

public/datablick-kepler-gl.trex

@@ -4,7 +4,7 @@
     <default-locale>en_US</default-locale>
     <name resource-id="name"/>
     <description>Kepler.gl</description>
-    <author name="Chris DeMartini, Shan He and several others" email="extensions@datablick.com" organization="DataBlick and Uber" website="https://kepler.gl/"/>
+    <author name="Multiple Contributors (See Git Repo)" email="keplergl-tableau@googlegroups.com" organization="DataBlick, Starschema and Uber" website="https://kepler.gl/"/>
     <min-api-version>1.1</min-api-version>
     <source-location>
       <url>https://keplergl.github.io/kepler.gl-tableau</url>

src/App.js

@@ -61,7 +61,7 @@ import {selectMarksByField, applyFilterByField, clearMarksByField, clearFilterBy
 //logos
 import dbLogo from './assets/dblogo.png';
 import ssLogo from './assets/sslogo.jpg';
-import kepLogo from './assets/kepler.gl-logo.png';
+import kepLogo from './assets/kepler.gl-logo_2x.png';
 
 const MAPBOX_ACCESS_TOKEN = 'pk.eyJ1IjoidWJlcmRhdGEiLCJhIjoiY2p2OGVvejQwMDJxZzRma2dvdWQ2OTQwcSJ9.VbuIamTa_JayuD2yr5tjaA';
 
@@ -789,7 +789,7 @@ class App extends Component {
             ctaText="Configure"
             poweredBy={
               <React.Fragment>
-                <p className="info">For information on how to use this extensions check out the
+                <p className="info">For information on how to use this extension check out the
                   {" "}<a href="https://github.com/uber/kepler.gl-tableau/tree/feat/docs/docs" target="_blank" rel="noopener noreferrer" >user guide</a>
                 </p>
                 <p className="info">Brought to you by: </p>

src/assets/kepler.gl-logo_2x.png

@@ -124,7 +124,7 @@ class CustomScreen extends React.Component {
                     tooltipText="Select a dark or light kepler.gl UI theme"
                   />
               <Select
-                value={tableauSettings.theme || 'light'}
+                value={tableauSettings.theme || 'dark'}
                 onChange={handleChange}
                 input={<Input name="theme" id="theme-helper" />}
               >

src/components/Configuration/CustomScreen.js

@@ -39,11 +39,11 @@
 
 #Stepper.step-grid .step-item .step-count:after {
   position: absolute;
-  width: 16%;
+  width: 20%;
   height: 1px;
   background: rgb(187, 187, 187);
   content: '';
-  margin-left: 2%;
+  margin-left: 4%;
   margin-top: 12px;
 }