Import graphql from Gatsby

packages/learn/src/pages/index.js

@@ -1,8 +1,7 @@
-/* global graphql */
 /* eslint-disable max-len */
 import React from 'react';
 import PropTypes from 'prop-types';
-import { Link } from 'gatsby';
+import { Link, graphql } from 'gatsby';
 import Helmet from 'react-helmet';
 import { connect } from 'react-redux';
 

packages/learn/src/templates/Challenges/backend/Show.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { createSelector } from 'reselect';
 import { reduxForm } from 'redux-form';
 import { Col, Row } from 'react-bootstrap';
+import { graphql } from 'gatsby';
 
 import ChallengeTitle from '../components/Challenge-Title';
 import ChallengeDescription from '../components/Challenge-Description';

packages/learn/src/templates/Challenges/classic/Show.js

@@ -1,4 +1,3 @@
-/* global graphql */
 import React, { Fragment, PureComponent } from 'react';
 import PropTypes from 'prop-types';
 import { bindActionCreators } from 'redux';
@@ -6,6 +5,7 @@ import { createSelector } from 'reselect';
 import { connect } from 'react-redux';
 import Helmet from 'react-helmet';
 import { ReflexContainer, ReflexSplitter, ReflexElement } from 'react-reflex';
+import { graphql } from 'gatsby';
 
 import Editor from './Editor';
 import Preview from '../components/Preview';

packages/learn/src/templates/Challenges/project/Show.js

@@ -1,7 +1,7 @@
-/* global graphql */
 import React, { PureComponent, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
+import { graphql } from 'gatsby';
 
 import Helmet from 'react-helmet';
 

packages/learn/src/templates/Introduction/Intro.js

@@ -1,7 +1,6 @@
-/* global graphql */
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
-import { Link, navigate } from 'gatsby';
+import { Link, graphql, navigate } from 'gatsby';
 import Helmet from 'react-helmet';
 import { Button, ListGroup, ListGroupItem } from 'react-bootstrap';
 

packages/learn/src/templates/Introduction/SuperBlockIntro.js

@@ -1,7 +1,7 @@
-/* global graphql */
 import React, { Fragment } from 'react';
 import PropTypes from 'prop-types';
 import Helmet from 'react-helmet';
+import { graphql } from 'gatsby';
 
 import FullWidthRow from '../../components/util/FullWidthRow';
 import { MarkdownRemark } from '../../redux/propTypes';