Update comments.

Author: Piotr Siatka

src/controls/filePicker/LinkFilePickerTab/LinkFilePickerTab.tsx

@@ -1,19 +1,14 @@
 import * as React from 'react';
 
-// Custom styles
-import styles from './LinkFilePickerTab.module.scss';
-
-// Custom props and state
 import { ILinkFilePickerTabProps, ILinkFilePickerTabState } from '.';
-
-// Office Fabric
+import { GeneralHelper } from '../../../Utilities';
+import { IFilePickerResult } from '../FilePicker.types';
 import { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';
 import { TextField } from 'office-ui-fabric-react/lib/TextField';
 
-// Localized strings
 import * as strings from 'ControlStrings';
-import { GeneralHelper } from '../../../Utilities';
-import { IFilePickerResult } from '../FilePicker.types';
+import styles from './LinkFilePickerTab.module.scss';
+
 
 export default class LinkFilePickerTab extends React.Component<ILinkFilePickerTabProps, ILinkFilePickerTabState> {
   constructor(props: ILinkFilePickerTabProps) {

src/controls/filePicker/OneDriveFilesTab/OneDriveFilesTab.tsx

@@ -3,18 +3,14 @@ import { IOneDriveFilesTabProps, IOneDriveFilesTabState } from '.';
 import { IFile } from '../../../services/FileBrowserService.types';
 import { OneDriveFilesBreadcrumbItem } from './OneDriveFilesTab.types';
 import { findIndex } from '@microsoft/sp-lodash-subset';
-
-
 import { Breadcrumb, IBreadcrumbItem } from 'office-ui-fabric-react/lib/Breadcrumb';
 import { FileBrowser } from '../controls';
 import { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/Button';
+import { Link } from 'office-ui-fabric-react/lib/Link';
+import { IFilePickerResult } from '../FilePicker.types';
 
 import styles from './OneDriveFilesTab.module.scss';
 import * as strings from 'ControlStrings';
-import { mergeStyles } from 'office-ui-fabric-react/lib/Styling';
-import { css } from 'office-ui-fabric-react/lib/Utilities';
-import { Link } from 'office-ui-fabric-react/lib/Link';
-import { IFilePickerResult } from '../FilePicker.types';
 
 export class OneDriveFilesTab extends React.Component<IOneDriveFilesTabProps, IOneDriveFilesTabState> {
   constructor(props: IOneDriveFilesTabProps) {

src/controls/filePicker/RecentFilesTab/RecentFilesTab.tsx

@@ -1,9 +1,5 @@
 import * as React from 'react';
 
-// Custom styles
-import styles from './RecentFilesTab.module.scss';
-
-// Office Fabric
 import { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';
 import { Spinner } from 'office-ui-fabric-react/lib/Spinner';
 import { FocusZone } from 'office-ui-fabric-react/lib/FocusZone';
@@ -13,18 +9,14 @@ import { css } from "@uifabric/utilities/lib/css";
 import { Selection, SelectionMode, SelectionZone } from 'office-ui-fabric-react/lib/Selection';
 import { Image, ImageFit } from 'office-ui-fabric-react/lib/Image';
 import { Check } from 'office-ui-fabric-react/lib/Check';
-
-// Custom props and states
-import { IRecentFilesTabProps, IRecentFilesTabState } from '.';
-
-// Localized resources
-import * as strings from 'ControlStrings';
-
-// PnP
 import { Placeholder } from '../../../Placeholder';
 import { IRecentFile } from '../../../services/FilesSearchService.types';
 import { IFilePickerResult } from '../FilePicker.types';
 import { GeneralHelper } from '../../../Utilities';
+import { IRecentFilesTabProps, IRecentFilesTabState } from '.';
+
+import * as strings from 'ControlStrings';
+import styles from './RecentFilesTab.module.scss';
 
 /**
  * Rows per page

src/controls/filePicker/SiteFilePickerTab/SiteFilePickerTab.tsx

@@ -1,23 +1,16 @@
 import * as React from 'react';
 import { findIndex } from '@microsoft/sp-lodash-subset';
-
-// Custom styles
-import styles from './SiteFilePickerTab.module.scss';
-
-// Custom picker interface
 import { ISiteFilePickerTabProps, ISiteFilePickerTabState } from '.';
 import { DocumentLibraryBrowser, FileBrowser } from '../controls';
-
-// Office Fabric
 import { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';
 import { Breadcrumb, IBreadcrumbItem } from 'office-ui-fabric-react/lib/Breadcrumb';
-
-// Localized strings
-import * as strings from 'ControlStrings';
 import { IFile, ILibrary } from '../../../services/FileBrowserService.types';
 import { Link } from 'office-ui-fabric-react/lib/Link';
 import { IFilePickerResult, FilePickerBreadcrumbItem } from '../FilePicker.types';
 
+import styles from './SiteFilePickerTab.module.scss';
+import * as strings from 'ControlStrings';
+
 export default class SiteFilePickerTab extends React.Component<ISiteFilePickerTabProps, ISiteFilePickerTabState> {
   constructor(props: ISiteFilePickerTabProps) {
     super(props);

src/controls/filePicker/UploadFilePickerTab/UploadFilePickerTab.tsx

@@ -1,18 +1,14 @@
 import * as React from 'react';
 
-// Makes thingy pretty
-import styles from './UploadFilePickerTab.module.scss';
-
-// Needed for our custom pane tab
 import { IUploadFilePickerTabProps, IUploadFilePickerTabState } from '.';
-
-// Office Fabric to the rescue!
+import { IFilePickerResult } from '../FilePicker.types';
+import { GeneralHelper } from '../../../common/utilities';
 import { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';
 
-// Localization
 import * as strings from 'ControlStrings';
-import { IFilePickerResult } from '../FilePicker.types';
-import { GeneralHelper } from '../../../common/utilities';
+import styles from './UploadFilePickerTab.module.scss';
+
+
 
 export default class UploadFilePickerTab extends React.Component<IUploadFilePickerTabProps, IUploadFilePickerTabState> {
   constructor(props: IUploadFilePickerTabProps) {

src/controls/filePicker/WebSearchTab/WebSearchTab.tsx

@@ -1,15 +1,6 @@
 import * as React from 'react';
 
-// Good looks
-import styles from './WebSearchTab.module.scss';
-
-// Localization
-import * as strings from 'ControlStrings';
-
-// Types
 import { IWebSearchTabProps, IWebSearchTabState, ISearchSuggestion, ImageSize, ImageAspect, ImageLicense, DEFAULT_SUGGESTIONS, MAX_ROW_HEIGHT, ROWS_PER_PAGE } from '.';
-
-// Offce Fabric stuff
 import { PrimaryButton, DefaultButton } from 'office-ui-fabric-react/lib/components/Button';
 import { Label } from 'office-ui-fabric-react/lib/Label';
 import { SearchBox } from 'office-ui-fabric-react/lib/SearchBox';
@@ -22,16 +13,14 @@ import { List } from 'office-ui-fabric-react/lib/List';
 import { IRectangle } from 'office-ui-fabric-react/lib/Utilities';
 import { Selection, SelectionMode, SelectionZone } from 'office-ui-fabric-react/lib/Selection';
 import { MessageBar } from 'office-ui-fabric-react/lib/MessageBar';
-
-// Used for HTTP requests
-import { SPHttpClient, IHttpClientOptions, SPHttpClientResponse } from '@microsoft/sp-http';
-
-// CSS utility to combine classes dynamically
 import { css } from '@uifabric/utilities/lib/css';
 import { IFilePickerResult } from '../FilePicker.types';
 import { GeneralHelper } from '../../../common/utilities';
 import { ISearchResult, BingQuerySearchParams } from '../../../services/FilesSearchService.types';
 
+import styles from './WebSearchTab.module.scss';
+import * as strings from 'ControlStrings';
+
 /**
  * Renders search suggestions and performs seach queries
  */
@@ -62,7 +51,7 @@ export default class WebSearchTab extends React.Component<IWebSearchTabProps, IW
    */
   public render(): React.ReactElement<IWebSearchTabProps> {
     const { query, results } = this.state;
-    const { bingSearchService } = this.props;
+
     return (
       <div className={styles.tabContainer}>
         <div className={styles.tabHeaderContainer}>

src/controls/filePicker/controls/DocumentTile/DocumentTile.tsx

@@ -6,7 +6,6 @@ import * as strings from 'ControlStrings';
 import { Check } from 'office-ui-fabric-react/lib/Check';
 import { ScreenWidthMinLarge } from 'office-ui-fabric-react/lib/Styling';
 import { IDocumentTileProps } from './IDocumentTileProps';
-import { IFile } from '../../../../services/FileBrowserService.types';
 
 const MAX_ASPECT_RATIO = 3;
 

src/controls/filePicker/controls/FileBrowser/FileBrowser.tsx

@@ -1,44 +1,21 @@
 import * as React from 'react';
-
-// Custom styles
-import styles from './FileBrowser.module.scss';
-
-// Custom properties and state
+import { IFile, FilesQueryResult } from '../../../../services/FileBrowserService.types';
+import { GeneralHelper } from '../../../../Utilities';
+import { LoadingState } from './IFileBrowserState';
+import { TilesList } from '../TilesList/TilesList';
+import { IFilePickerResult } from '../../FilePicker.types';
 import { IFileBrowserProps, IFileBrowserState, ViewType } from '.';
-
-// Office Fabric
 import { Spinner } from 'office-ui-fabric-react/lib/Spinner';
-import {
-  DetailsList,
-  DetailsListLayoutMode,
-  Selection,
-  SelectionMode,
-  IColumn,
-  IDetailsRowProps,
-  DetailsRow,
-  SelectionZone
-} from 'office-ui-fabric-react/lib/DetailsList';
+import { DetailsList, DetailsListLayoutMode, Selection, SelectionMode, IColumn, IDetailsRowProps, DetailsRow, SelectionZone } from 'office-ui-fabric-react/lib/DetailsList';
 import { CommandBar, ICommandBarItemProps } from 'office-ui-fabric-react/lib/CommandBar';
 import { IContextualMenuItem } from 'office-ui-fabric-react/lib/ContextualMenu';
 import { ScrollablePane } from 'office-ui-fabric-react/lib/ScrollablePane';
 
-const LAYOUT_STORAGE_KEY: string = 'comparerSiteFilesLayout';
-
-// Localized strings
+import styles from './FileBrowser.module.scss';
 import * as strings from 'ControlStrings';
 
-import { IFile, FilesQueryResult } from '../../../../services/FileBrowserService.types';
-import { GeneralHelper } from '../../../../Utilities';
-import { LoadingState } from './IFileBrowserState';
-import { TilesList } from '../TilesList/TilesList';
-import { IFilePickerResult } from '../../FilePicker.types';
-import { FocusZone } from 'office-ui-fabric-react/lib/FocusZone';
+const LAYOUT_STORAGE_KEY: string = 'comparerSiteFilesLayout';
 
-/**
- * Renders list of file in a list.
- * I should have used the PnP ListView control, but I wanted specific behaviour that I didn't
- * get with the PnP control.
- */
 export class FileBrowser extends React.Component<IFileBrowserProps, IFileBrowserState> {
   private _selection: Selection;
   constructor(props: IFileBrowserProps) {