Fix: create onenote page

src/app/services/actions/query-action-creator-util.ts

@@ -100,12 +100,16 @@ const makeRequest = (httpVerb: string, scopes: string[]): Function => {
 
     if (query.sampleHeaders && query.sampleHeaders.length > 0) {
       query.sampleHeaders.forEach(header => {
-
-        // We are relying on the graph client to set the content type header.
+        // We are relying on the graph client to set the 'application/json' content type header.
         if (header.name.toLowerCase() === 'content-type') {
-          return;
+          if (header.value !== 'application/json') {
+            sampleHeaders[header.name] = header.value;
+          } else {
+            return;
+          }
+        } else {
+          sampleHeaders[header.name] = header.value;
         }
-        sampleHeaders[header.name] = header.value;
       });
     }
 

src/app/views/query-runner/request/Request.tsx

@@ -22,7 +22,6 @@ export class Request extends Component<IRequestComponent, any> {
       handleOnEditorChange,
       sampleBody,
       mode,
-      mobileScreen,
       intl: { messages },
     }: any = this.props;
 
@@ -62,7 +61,7 @@ export class Request extends Component<IRequestComponent, any> {
           itemIcon='AuthenticatorApp'
           onRenderItemLink={this.getTooltipDisplay}
           title={messages['Access Token']}
-          headerText={ messages['Access Token']}>
+          headerText={messages['Access Token']}>
           <Auth />
         </PivotItem>
       );

src/app/views/sidebar/sample-queries/SampleQueries.tsx

@@ -17,7 +17,7 @@ import {
   styled,
   TooltipHost
 } from 'office-ui-fabric-react';
-import React, { ChangeEvent, Component } from 'react';
+import React, { Component } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import { connect } from 'react-redux';
 import { bindActionCreators, Dispatch } from 'redux';
@@ -35,6 +35,7 @@ import { getStyleFor } from '../../../utils/badge-color';
 import { substituteTokens } from '../../../utils/token-helpers';
 import { classNames } from '../../classnames';
 import { sidebarStyles } from '../Sidebar.styles';
+import { isJsonString } from './sample-query-utils';
 
 export class SampleQueries extends Component<ISampleQueriesProps, any> {
 
@@ -259,7 +260,13 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
         }
         telemetry.trackEvent(RUN_QUERY_EVENT, sampleQuery);
       } else {
-        sampleQuery.sampleBody = (sampleQuery.sampleBody) ? JSON.parse(sampleQuery.sampleBody) : undefined;
+        if (sampleQuery.sampleBody) {
+          if (isJsonString(sampleQuery.sampleBody)) {
+            sampleQuery.sampleBody = JSON.parse(sampleQuery.sampleBody);
+          }
+        } else {
+          sampleQuery.sampleBody = undefined;
+        }
         if (selectedQuery.tip) { displayTipMessage(actions, selectedQuery); }
       }
       actions.setSampleQuery(sampleQuery);

src/app/views/sidebar/sample-queries/sample-query-utils.ts

@@ -0,0 +1,11 @@
+export function isJsonString(str: string) {
+  try {
+    const parsedString = JSON.parse(str);
+    if (parsedString && typeof parsedString === 'object') {
+      return true;
+    }
+  } catch (e) {
+    return false;
+  }
+  return true;
+}