Fix: sample queries documentation link (#570)

Fix: sample queries documentation link
microsoftgraph · Jun 2, 2020 · 5cfa5fa · 5cfa5fa
2 parents 18636e4 + fe61218
commit 5cfa5fa
Show file tree

Hide file tree

Showing 3 changed files with 31 additions and 25 deletions.
diff --git a/src/app/views/sidebar/Sidebar.styles.ts b/src/app/views/sidebar/Sidebar.styles.ts
@@ -111,6 +111,8 @@ export const sidebarStyles = (theme: ITheme) => {
       marginTop: '-7.5%',
       marginRight: theme.spacing.s1,
     },
-
+    links: {
+      color: `${theme.palette.blueMid} !important`,
+    },
   };
 };
diff --git a/src/app/views/sidebar/sample-queries/SampleQueries.tsx b/src/app/views/sidebar/sample-queries/SampleQueries.tsx
@@ -170,18 +170,18 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
 
         default:
           return <TooltipHost
-              tooltipProps={{
-                onRenderContent: () => <div style={{ paddingBottom: 3 }}>
-                  {item.method} {queryContent} </div>
-              }}
-              id={getId()}
-              calloutProps={{ gapSpace: 0 }}
-              styles={{ root: { display: 'inline-block' } }}
-            >
-              <span aria-label={queryContent} className={classes.queryContent}>
-                {queryContent}
-              </span>
-            </TooltipHost>;
+            tooltipProps={{
+              onRenderContent: () => <div style={{ paddingBottom: 3 }}>
+                {item.method} {queryContent} </div>
+            }}
+            id={getId()}
+            calloutProps={{ gapSpace: 0 }}
+            styles={{ root: { display: 'inline-block' } }}
+          >
+            <span aria-label={queryContent} className={classes.queryContent}>
+              {queryContent}
+            </span>
+          </TooltipHost>;
       }
     }
   };
@@ -218,11 +218,11 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
         styles={{
           check: { display: 'none' },
           title: {
-          fontSize: FontSizes.medium,
-          fontWeight: FontWeights.semibold
-        },
-        expand: {
-          fontSize: FontSizes.small,
+            fontSize: FontSizes.medium,
+            fontWeight: FontWeights.semibold
+          },
+          expand: {
+            fontSize: FontSizes.small,
           }
         }}
         {...props}
@@ -318,20 +318,20 @@ export class SampleQueries extends Component<ISampleQueriesProps, any> {
           <FormattedMessage id='viewing a cached set' />
         </MessageBar>}
         <MessageBar messageBarType={MessageBarType.info}
-          isMultiline={false}
+          isMultiline={true}
           dismissButtonAriaLabel='Close'>
           <FormattedMessage id='see more queries' />
-          <a target='_blank'
+          <a target='_blank' className={classes.links}
             href={`https://docs.microsoft.com/${geLocale}/graph/api/overview?view=graph-rest-1.0`}>
             <FormattedMessage id='Microsoft Graph API Reference docs' />
           </a>
         </MessageBar>
         <DetailsList className={classes.queryList}
-         cellStyleProps={{
-          cellRightPadding: 0,
-          cellExtraRightPadding: 0,
-          cellLeftPadding: 0,
-        }}
+          cellStyleProps={{
+            cellRightPadding: 0,
+            cellExtraRightPadding: 0,
+            cellLeftPadding: 0,
+          }}
           layoutMode={DetailsListLayoutMode.justified}
           onRenderItemColumn={this.renderItemColumn}
           items={groupedList.samples}

diff --git a/src/app/views/sidebar/sample-queries/tokens.ts b/src/app/views/sidebar/sample-queries/tokens.ts
@@ -98,6 +98,10 @@ export function getTokens(user?: any) {
       placeholder: 'destination-address',
       demoTenantValue: '1.2.3.5',
     },
+    {
+      placeholder: 'user-id',
+      demoTenantValue: 'd4957c9d-869e-4364-830c-d0c95be72738',
+    },
     {
       placeholder: 'today',
       defaultValueFn: () => {