feat: add basename/load console on //style

Author: Naramsim

src/client.js

@@ -74,7 +74,7 @@ if (__DEVELOPMENT__ && module.hot) {
 // Main routes and rendering
 const main = (
   <Router
-    history={useBasename(() => history)({ basename: '/' })}
+    history={useBasename(() => history)({ basename: '/graphql/console' })}
     routes={getRoutes(store)}
     onUpdate={hashLinkScroll}
   />

src/components/Services/ApiExplorer/ApiRequest/ApiRequest.js

@@ -186,7 +186,7 @@ class ApiRequest extends Component {
               styles.stickyHeader
             }
           >
-            <div className={'col-xs-11 ' + styles.padd_remove}>
+            <div className={'col-xs-12 ' + styles.padd_remove}>
               <div
                 className={
                   'input-group ' +
@@ -209,11 +209,11 @@ class ApiRequest extends Component {
                 />
               </div>
             </div>
-            <div className={'col-xs-1 ' + styles.padd_remove}>
+            {/* <div className={'col-xs-1 ' + styles.padd_remove}>
               <button onClick={this.changeEndpoint.bind(this)} className={styles.changeEndpoint + ' btn btn-sm btn-small btn-info'}>
                 Change Endpoint
               </button>
-            </div>
+            </div> */}
             <div className={styles.stickySeparator} />
           </div>
         </CollapsibleToggle>

src/components/Services/ApiExplorer/ApiRequest/ApiRequestDetails.js

@@ -8,7 +8,7 @@ class ApiRequestDetails extends Component {
       <div className={styles.apiRequestWrapper + ' ' + styles.apiContentPadd}>
         <div className={styles.apiRequestContent}>PokeAPI GraphiQL interface</div>
         <div className={styles.built}>
-          A rate limit of 50 calls per day is enforced
+          A rate limit of 100 calls per hour is enforced
         </div>
         <div className={styles.apiHasura}>
           <a href="https://github.com/PokeAPI/pokeapi" target={'_blank'}>

src/components/Services/ApiExplorer/OneGraphExplorer/OneGraphExplorer.js

@@ -36,7 +36,7 @@ query samplePokeAPIquery {
   }
   
   # You can run multiple queries at the same time
-  # Counts how many pokemon where release for each generation
+  # Counts how many pokemon were released for each generation
   generations: pokemon_v2_generation {
     name
     pokemon_species: pokemon_v2_pokemonspecies_aggregate {

src/routes.js

@@ -17,9 +17,8 @@ const routes = store => {
   return (
     <Route path="/" component={App}>
       <Route path="">
-        <IndexRoute component={generatedLoginConnector(connect)} />
+        <IndexRoute component={generatedApiExplorer(connect)} />
       </Route>
-      <Route path="/graphiql" component={generatedApiExplorer(connect)} />
       <Route
         path="voyager-view"
         component={generatedVoyagerConnector(connect)}