Merge pull request #99 from fcollonval/fcollonval/issue98

Add dashboard icon

packages/jupyterlab-gridstack/src/editor/components/notebookButtons.ts

@@ -6,12 +6,12 @@ import { NotebookPanel, INotebookModel } from '@jupyterlab/notebook';
 
 import { PageConfig } from '@jupyterlab/coreutils';
 
-import { editIcon } from '@jupyterlab/ui-components';
-
 import { CommandRegistry } from '@lumino/commands';
 
 import { IDisposable } from '@lumino/disposable';
 
+import { dashboardIcon } from '../../icons';
+
 const VOILA_ICON_CLASS = 'jp-MaterialIcon jp-VoilaIcon';
 
 /**
@@ -33,7 +33,7 @@ export class EditorButton
   createNew(panel: NotebookPanel): IDisposable {
     const button = new ToolbarButton({
       tooltip: 'Open with Voilà GridStack',
-      icon: editIcon,
+      icon: dashboardIcon,
       onClick: () => {
         this._commands.execute('docmanager:open', {
           path: panel.context.path,

packages/jupyterlab-gridstack/src/icons.ts

@@ -0,0 +1,9 @@
+import { LabIcon } from '@jupyterlab/ui-components';
+
+// icon svg import statements
+import pullRequest from '../style/icons/dashboard.svg';
+
+export const dashboardIcon = new LabIcon({
+  name: '@voila-dashboards/jupyterlab-gridstack:icon-dashboard',
+  svgstr: pullRequest
+});

packages/jupyterlab-gridstack/src/svg.d.ts

@@ -0,0 +1,13 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+// including this file in a package allows for the use of import statements
+// with svg files. Example: `import xSvg from 'path/xSvg.svg'`
+
+// for use with raw-loader in Webpack.
+// The svg will be imported as a raw string
+
+declare module '*.svg' {
+  const value: string;
+  export default value;
+}