Fix linting errors in display file.

Author: kpinnipa

src/CodeSnippetDisplay.tsx

@@ -31,7 +31,7 @@ import {
   pythonIcon,
   fileIcon,
   rKernelIcon,
-  markdownIcon
+  markdownIcon,
 } from '@jupyterlab/ui-components';
 import { CodeEditor, IEditorServices } from '@jupyterlab/codeeditor';
 import * as nbformat from '@jupyterlab/nbformat';
@@ -41,7 +41,7 @@ import {
   CodeCellModel,
   ICodeCellModel,
   MarkdownCell,
-  CodeCell
+  CodeCell,
 } from '@jupyterlab/cells';
 
 import { Widget } from '@lumino/widgets';
@@ -97,7 +97,7 @@ import {
   sbtIcon,
   rustIcon,
   qsharpIcon,
-  sasIcon
+  sasIcon,
 } from './CodeSnippetLanguages';
 import { ICodeSnippetEditorMetadata } from './CodeSnippetEditor';
 // import { CodeSnippetContentsService } from './CodeSnippetContentsService';
@@ -152,7 +152,7 @@ const JUPYTER_CELL_MIME = 'application/vnd.jupyter.cells';
  */
 const moreOptionsIcon = new LabIcon({
   name: 'custom-ui-components:moreOptions',
-  svgstr: moreSVGstr
+  svgstr: moreSVGstr,
 });
 
 /**
@@ -196,7 +196,7 @@ export class CodeSnippetDisplay extends React.Component<
       matchIndices: [],
       searchValue: '',
       filterTags: [],
-      searchOptions: []
+      searchOptions: [],
     };
     this._drag = null;
     this._dragData = null;
@@ -292,7 +292,7 @@ export class CodeSnippetDisplay extends React.Component<
         '" is incompatible with ' +
         editorLanguage +
         '. Continue?',
-      buttons: [Dialog.cancelButton(), Dialog.okButton()]
+      buttons: [Dialog.cancelButton(), Dialog.okButton()],
     });
   };
 
@@ -301,7 +301,7 @@ export class CodeSnippetDisplay extends React.Component<
     return showDialog({
       title: 'Error',
       body: errMsg,
-      buttons: [Dialog.okButton()]
+      buttons: [Dialog.okButton()],
     });
   };
 
@@ -429,7 +429,7 @@ export class CodeSnippetDisplay extends React.Component<
           await showDialog({
             title: 'Duplicate Name of Code Snippet',
             body: <p> {`"${newName}" already exists.`} </p>,
-            buttons: [Dialog.okButton({ label: 'Dismiss' })]
+            buttons: [Dialog.okButton({ label: 'Dismiss' })],
           });
         } else {
           this.props.codeSnippetManager
@@ -494,7 +494,7 @@ export class CodeSnippetDisplay extends React.Component<
     this._dragData = {
       pressX: event.clientX,
       pressY: event.clientY,
-      dragImage: target.nextSibling.firstChild.cloneNode(true) as HTMLElement
+      dragImage: target.nextSibling.firstChild.cloneNode(true) as HTMLElement,
     };
 
     const dragImageTextColor = getComputedStyle(document.body).getPropertyValue(
@@ -593,7 +593,7 @@ export class CodeSnippetDisplay extends React.Component<
       dragImage: dragImage,
       supportedActions: 'copy-move',
       proposedAction: 'copy',
-      source: this
+      source: this,
     });
 
     this._drag.mimeData.setData(JUPYTER_CELL_MIME, selected);
@@ -1181,8 +1181,8 @@ export class CodeSnippetDisplay extends React.Component<
         onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>): void => {
           showMoreOptions({ body: new OptionsHandler(this, codeSnippet) });
           this._setOptionsPosition(event);
-        }
-      }
+        },
+      },
     ];
     return (
       <div
@@ -1220,7 +1220,7 @@ export class CodeSnippetDisplay extends React.Component<
                 id: id,
                 title: displayName,
                 body: new PreviewHandler(),
-                codeSnippet: codeSnippet
+                codeSnippet: codeSnippet,
               },
               this.props.editorServices
             );
@@ -1236,7 +1236,7 @@ export class CodeSnippetDisplay extends React.Component<
               {this.boldNameOnSearch(id, language, name)}
             </div>
             <div className={ACTION_BUTTONS_WRAPPER_CLASS} id={id.toString()}>
-              {actionButtons.map(btn => {
+              {actionButtons.map((btn) => {
                 return (
                   <button
                     key={btn.title}
@@ -1288,7 +1288,7 @@ export class CodeSnippetDisplay extends React.Component<
         matchIndices: [],
         searchValue: '',
         filterTags: [],
-        searchOptions: []
+        searchOptions: [],
       };
     }
 
@@ -1298,7 +1298,7 @@ export class CodeSnippetDisplay extends React.Component<
         matchIndices: prevState.matchIndices,
         searchValue: prevState.searchValue,
         filterTags: prevState.filterTags,
-        searchOptions: prevState.searchOptions
+        searchOptions: prevState.searchOptions,
       };
     }
     return null;
@@ -1315,7 +1315,7 @@ export class CodeSnippetDisplay extends React.Component<
     }[] = [];
     if (searchValue !== '') {
       // language, title, code
-      filteredSnippets.forEach(snippet => {
+      filteredSnippets.forEach((snippet) => {
         const matchResult = StringExt.matchSumOfSquares(
           (
             snippet.language +
@@ -1329,28 +1329,28 @@ export class CodeSnippetDisplay extends React.Component<
           matchResults.push(matchResult);
           filteredSnippetsScore.push({
             score: matchResult.score,
-            snippet: snippet
+            snippet: snippet,
           });
         }
       });
 
       // sort snippets by its score
       filteredSnippetsScore.sort((a, b) => a.score - b.score);
       const newFilteredSnippets: ICodeSnippet[] = [];
-      filteredSnippetsScore.forEach(snippetScore =>
+      filteredSnippetsScore.forEach((snippetScore) =>
         newFilteredSnippets.push(snippetScore.snippet)
       );
       filteredSnippets = newFilteredSnippets;
 
       // sort the matchResults by its score
       matchResults.sort((a, b) => a.score - b.score);
-      matchResults.forEach(res => matchIndices.push(res.indices));
+      matchResults.forEach((res) => matchIndices.push(res.indices));
     }
 
     if (filterTags.length !== 0) {
       const newMatchIndices = matchIndices.slice();
       filteredSnippets = filteredSnippets.filter((codeSnippet, id) => {
-        return filterTags.some(tag => {
+        return filterTags.some((tag) => {
           if (codeSnippet.tags) {
             if (
               codeSnippet.tags.includes(tag) ||
@@ -1374,15 +1374,15 @@ export class CodeSnippetDisplay extends React.Component<
         codeSnippets: filteredSnippets,
         matchIndices: matchIndices,
         searchValue: searchValue,
-        filterTags: filterTags
+        filterTags: filterTags,
       },
       () => {
         console.log('snippets filtered');
       }
     );
   };
 
-  getActiveTags(): [string[], string[]] {
+  getActiveTags(): string[][] {
     const tags: string[] = [];
     const languages: string[] = [];
     for (const codeSnippet of this.props.codeSnippets) {
@@ -1407,10 +1407,10 @@ export class CodeSnippetDisplay extends React.Component<
       buttons: [
         Dialog.okButton({
           label: 'Delete',
-          displayType: 'warn'
+          displayType: 'warn',
         }),
-        Dialog.cancelButton()
-      ]
+        Dialog.cancelButton(),
+      ],
     }).then((response: any): void => {
       if (response.button.accept) {
         const widgetId = `${CODE_SNIPPET_EDITOR}-${codeSnippet.id}`;
@@ -1513,7 +1513,7 @@ export class CodeSnippetDisplay extends React.Component<
         id: codeSnippet.id,
         selectedTags: codeSnippet.tags,
         allTags: allTags,
-        fromScratch: false
+        fromScratch: false,
       });
       this.removeOptionsNode();
     };
@@ -1544,7 +1544,7 @@ export class CodeSnippetDisplay extends React.Component<
 
   setSearchOptions(selectedOptions: string[]): void {
     this.setState({
-      searchOptions: selectedOptions
+      searchOptions: selectedOptions,
     });
   }
 
@@ -1564,7 +1564,7 @@ export class CodeSnippetDisplay extends React.Component<
                 id: this.state.codeSnippets.length,
                 selectedTags: [],
                 allTags: this.getActiveTags()[0],
-                fromScratch: true
+                fromScratch: true,
               });
             }}
           >