Small updates

Author: estruyf

src/controls/filePicker/FilePicker.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import { IFilePickerProps } from './IFilePickerProps';
 import { IFilePickerState } from './IFilePickerState';
 
-import { PrimaryButton, IconButton, ActionButton  } from 'office-ui-fabric-react/lib/components/Button';
+import { PrimaryButton, ActionButton  } from 'office-ui-fabric-react/lib/components/Button';
 import { Panel, PanelType } from 'office-ui-fabric-react/lib/components/Panel';
 import { Label } from 'office-ui-fabric-react/lib/components/Label';
 import { Nav, INavLink, INavLinkGroup } from 'office-ui-fabric-react/lib/Nav';
@@ -36,7 +36,7 @@ export class FilePicker extends React.Component<IFilePickerProps, IFilePickerSta
   constructor(props: IFilePickerProps) {
     super(props);
 
-    telemetry.track('FilePicker', {});
+    telemetry.track('ReactFilePicker', {});
 
     // Initialize file browser services
     this.fileBrowserService = new FileBrowserService(props.webPartContext, this.props.itemsCountQueryLimit);

src/webparts/controlsTest/components/ControlsTest.tsx

@@ -402,6 +402,26 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
             <Link href="https://sharepoint.github.io/sp-dev-fx-controls-react/">See all</Link>
           } />
 
+
+
+        <div>
+          <FilePicker
+            bingAPIKey="<BING API KEY>"
+            accepts={[".gif", ".jpg", ".jpeg", ".bmp", ".dib", ".tif", ".tiff", ".ico", ".png", ".jxr", ".svg"]}
+            buttonLabel="Upload image"
+            buttonIcon="FileImage"
+            onSave={(filePickerResult: IFilePickerResult) => { this.setState({ filePickerResult }); }}
+            onChanged={(filePickerResult: IFilePickerResult) => { this.setState({ filePickerResult }); }}
+            webPartContext={this.props.context}
+          />
+          {
+            this.state.filePickerResult &&
+            <div>
+              FileName: {this.state.filePickerResult.fileName}
+            </div>
+          }
+        </div>
+
         <DateTimePicker label="DateTime Picker (unspecified = date and time)" isMonthPickerVisible={false} showSeconds={false} onChange={(value) => console.log("DateTimePicker value:", value)} />
         <DateTimePicker label="DateTime Picker (unspecified = date and time)" showSeconds={true} onChange={(value) => console.log("DateTimePicker value:", value)} />
         <DateTimePicker label="DateTime Picker (unspecified = date and time)" timeConvention={TimeConvention.Hours24} onChange={(value) => console.log("DateTimePicker value:", value)} />
@@ -801,24 +821,6 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
           <SiteBreadcrumb context={this.props.context} />
         </div>
 
-        <div>
-          <FilePicker
-            bingAPIKey="<BING API KEY>"
-            accepts={[".gif", ".jpg", ".jpeg", ".bmp", ".dib", ".tif", ".tiff", ".ico", ".png", ".jxr", ".svg"]}
-            buttonLabel="Upload image"
-            buttonIcon="FileImage"
-            onSave={(filePickerResult: IFilePickerResult) => { this.setState({ filePickerResult }); }}
-            onChanged={(filePickerResult: IFilePickerResult) => { this.setState({ filePickerResult }); }}
-            webPartContext={this.props.context}
-          />
-          {
-            this.state.filePickerResult &&
-            <div>
-              FileName: {this.state.filePickerResult.fileName}
-            </div>
-          }
-        </div>
-
         <p><a href="javascript:;" onClick={this.deleteItem}>Deletes second item</a></p>
         <div>
           <Progress title={'Progress Test'}