Rename relay_test to relay_component

app/javascript/packs/frontend/__generated__/relayTestQuery.graphql.ts → app/javascript/packs/frontend/__generated__/relayComponentQuery.graphql.ts

@@ -1,23 +1,23 @@
 /* tslint:disable */
 
 import { ConcreteRequest } from "relay-runtime";
-export type relayTestQueryVariables = {};
-export type relayTestQueryResponse = {
+export type relayComponentQueryVariables = {};
+export type relayComponentQueryResponse = {
     readonly manyPokemon: ReadonlyArray<{
         readonly id: string;
         readonly iid: string;
         readonly nickname: string | null;
     }>;
 };
-export type relayTestQuery = {
-    readonly response: relayTestQueryResponse;
-    readonly variables: relayTestQueryVariables;
+export type relayComponentQuery = {
+    readonly response: relayComponentQueryResponse;
+    readonly variables: relayComponentQueryVariables;
 };
 
 
 
 /*
-query relayTestQuery {
+query relayComponentQuery {
   manyPokemon {
     id
     iid
@@ -65,7 +65,7 @@ return {
   "kind": "Request",
   "fragment": {
     "kind": "Fragment",
-    "name": "relayTestQuery",
+    "name": "relayComponentQuery",
     "type": "Query",
     "metadata": null,
     "argumentDefinitions": [],
@@ -73,18 +73,18 @@ return {
   },
   "operation": {
     "kind": "Operation",
-    "name": "relayTestQuery",
+    "name": "relayComponentQuery",
     "argumentDefinitions": [],
     "selections": (v0/*: any*/)
   },
   "params": {
     "operationKind": "query",
-    "name": "relayTestQuery",
+    "name": "relayComponentQuery",
     "id": null,
-    "text": "query relayTestQuery {\n  manyPokemon {\n    id\n    iid\n    nickname\n  }\n}\n",
+    "text": "query relayComponentQuery {\n  manyPokemon {\n    id\n    iid\n    nickname\n  }\n}\n",
     "metadata": {}
   }
 };
 })();
-(node as any).hash = '5eed67aa0a2af74dfb92fe2656178710';
+(node as any).hash = 'f29cab108b74060f7928269e14b45731';
 export default node;

app/javascript/packs/frontend/app.tsx

@@ -7,7 +7,7 @@ import ApplicationLayout from './components/layout/application_layout';
 const Pokemon = lazy((): Promise<any> => import('./components/pages/pokemon'));
 const NotFound = lazy((): Promise<any> => import('./components/pages/not_found'));
 const TestComponent = lazy((): Promise<any> => import('./components/test_component'));
-const RelayTest = lazy((): Promise<any> => import('./components/relay_test'));
+const RelayComponent = lazy((): Promise<any> => import('./components/relay_component'));
 
 import './assets/stylesheets/app.scss';
 
@@ -18,7 +18,7 @@ function App(): React.ReactElement {
         <Suspense fallback={<div>Loading...</div>}>
           <Switch>
             <Route component={TestComponent} exact path='/' />
-            <Route component={RelayTest} exact path='/relay' />
+            <Route component={RelayComponent} exact path='/relay' />
             <Route component={Pokemon} path='/pokemon' />
 
             <Route component={NotFound} />

app/javascript/packs/frontend/components/relay_test.tsx → app/javascript/packs/frontend/components/relay_component.tsx

@@ -1,15 +1,16 @@
 import React from 'react';
-import {graphql, QueryRenderer} from 'react-relay';
+//import {graphql, QueryRenderer} from 'react-relay';
+const {graphql, QueryRenderer} = require('react-relay');
 import {Link} from 'react-router-dom';
 
 import environment from '../graphqlEnvironment';
 
-function RelayTest() {
+function RelayComponent() {
   return (
     <QueryRenderer
       environment={environment}
       query={graphql`
-        query relayTestQuery {
+        query relayComponentQuery {
           manyPokemon {
             id
             iid
@@ -41,4 +42,4 @@ function RelayTest() {
   );
 }
 
-export default RelayTest;
+export default RelayComponent;