Task: display history items ttl message (#733)

microsoftgraph · Oct 13, 2020 · c8e998c · c8e998c
1 parent ca4027c
commit c8e998c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/src/app/views/sidebar/history/History.tsx b/src/app/views/sidebar/history/History.tsx
@@ -1,12 +1,13 @@
 import {
   ContextualMenuItemType, DefaultButton, DetailsList, DetailsRow, Dialog,
   DialogFooter, DialogType, getId, getTheme, IColumn, IconButton,
-  Label, MessageBarType, PrimaryButton, SearchBox, SelectionMode, styled, TooltipHost
+  Label, MessageBar, MessageBarType, PrimaryButton, SearchBox, SelectionMode, styled, TooltipHost
 } from 'office-ui-fabric-react';
 import React, { Component } from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import { connect } from 'react-redux';
 import { bindActionCreators, Dispatch } from 'redux';
+import { geLocale } from '../../../../appLocale';
 
 import { telemetry } from '../../../../telemetry';
 import { BUTTON_CLICK_EVENT, LISTITEM_CLICK_EVENT } from '../../../../telemetry/event-types';
@@ -424,7 +425,7 @@ export class History extends Component<IHistoryProps, any> {
   }
 
   private trackHistoryItemEvent = (eventName: string, componentName: string,
-      query: IHistoryItem) => {
+    query: IHistoryItem) => {
     telemetry.trackEvent(
       eventName,
       {
@@ -464,6 +465,11 @@ export class History extends Component<IHistoryProps, any> {
             styles={{ field: { paddingLeft: 10 } }}
           />
           <hr />
+          <MessageBar messageBarType={MessageBarType.info}
+            isMultiline={true}
+            dismissButtonAriaLabel='Close'>
+            <FormattedMessage id='Your history includes queries made in the last 30 days' />.
+          </MessageBar>
           <DetailsList
             className={classes.queryList}
             onRenderItemColumn={this.renderItemColumn}

diff --git a/src/messages/GE.json b/src/messages/GE.json
@@ -318,5 +318,6 @@
   "Row checkbox": "Row checkbox",
   "Administrator permission": "Admin of the tenant needs to authorize first before you can consent to this permission",
   "Adaptive Cards designer": "Adaptive Cards designer.",
-  "Click Run Query button above to fetch Adaptive Card": "Click Run Query button above to fetch Adaptive Card."
+  "Click Run Query button above to fetch Adaptive Card": "Click Run Query button above to fetch Adaptive Card.",
+  "Your history includes queries made in the last 30 days": "Your history includes queries made in the last 30 days"
 }