Add icons

README.md

@@ -1,4 +1,6 @@
-# JupyterGIS - A JupyterLab extension for collaborative GIS.
+<p align="center"><img width="300" src="https://raw.githubusercontent.com/geojupyter/jupytergis/main/packages/base/style/icons/logo.svg"></p>
+<h1 align="center">JupyterGIS</h1>
+<h2 align="center">A JupyterLab extension for collaborative GIS</h1>
 
 ⚠️ This extension is work in progress. Features and APIs are subject to change quickly. ⚠️
 

packages/base/src/icons.ts

@@ -7,12 +7,30 @@
 
 import { LabIcon } from '@jupyterlab/ui-components';
 
+import logoSvgStr from '../style/icons/logo.svg';
+import logoMiniSvgStr from '../style/icons/logo_mini.svg';
+import logoMiniAlternativeSvgStr from '../style/icons/logo_mini_alternative.svg';
 import rasterSvgStr from '../style/icons/raster.svg';
 import visibilitySvgStr from '../style/icons/visibility.svg';
 import nonVisibilitySvgStr from '../style/icons/nonvisibility.svg';
 import geoJsonSvgStr from '../style/icons/geojson.svg';
 import moundSvgStr from '../style/icons/mound.svg';
 
+export const logoIcon = new LabIcon({
+  name: 'jupytergis::logo',
+  svgstr: logoSvgStr
+});
+
+export const logoMiniIcon = new LabIcon({
+  name: 'jupytergis::logoMini',
+  svgstr: logoMiniSvgStr
+});
+
+export const logoMiniAlternativeIcon = new LabIcon({
+  name: 'jupytergis::logoMiniAlternative',
+  svgstr: logoMiniAlternativeSvgStr
+});
+
 export const rasterIcon = new LabIcon({
   name: 'jupytergis::raster',
   svgstr: rasterSvgStr

packages/base/src/index.ts

@@ -3,6 +3,7 @@ export * from './constants';
 export * from './dialogs/formdialog';
 export * from './mainview';
 export * from './tools';
+export * from './icons';
 export * from './types';
 export * from './widget';
 export * from './formbuilder/objectform/baseform';

python/jupytergis_core/src/jgisplugin/plugins.ts

@@ -23,9 +23,8 @@ import { ConsolePanel, IConsoleTracker } from '@jupyterlab/console';
 import { IFileBrowserFactory } from '@jupyterlab/filebrowser';
 import { ILauncher } from '@jupyterlab/launcher';
 import { IRenderMimeRegistry } from '@jupyterlab/rendermime';
-import { fileIcon } from '@jupyterlab/ui-components';
 
-import { CommandIDs } from '@jupytergis/base';
+import { CommandIDs, logoIcon } from '@jupytergis/base';
 import { JupyterGISWidgetFactory } from '../factory';
 import { JupyterGISModelFactory } from './modelfactory';
 
@@ -102,7 +101,7 @@ const activate = (
   app.commands.addCommand(CommandIDs.createNew, {
     label: args => 'New JGIS File',
     caption: 'Create a new JGIS Editor',
-    icon: args => (args['isPalette'] ? undefined : fileIcon),
+    icon: args => logoIcon,
     execute: async args => {
       // Get the directory in which the JGIS file must be created;
       // otherwise take the current filebrowser directory

python/jupytergis_lab/src/index.ts

@@ -5,7 +5,8 @@ import {
   LeftPanelWidget,
   RightPanelWidget,
   addCommands,
-  createDefaultLayerRegistry
+  createDefaultLayerRegistry,
+  logoMiniIcon
 } from '@jupytergis/base';
 import {
   IJGISFormSchemaRegistry,
@@ -310,8 +311,7 @@ const controlPanel: JupyterFrontEndPlugin<void> = {
     });
     leftControlPanel.id = 'jupytergis::leftControlPanel';
     leftControlPanel.title.caption = 'JupyterGIS Control Panel';
-    // TODO Need an icon
-    // leftControlPanel.title.icon = jcLightIcon;
+    leftControlPanel.title.icon = logoMiniIcon;
 
     const rightControlPanel = new RightPanelWidget({
       model: controlModel,
@@ -320,8 +320,7 @@ const controlPanel: JupyterFrontEndPlugin<void> = {
     });
     rightControlPanel.id = 'jupytergis::rightControlPanel';
     rightControlPanel.title.caption = 'JupyterGIS Control Panel';
-    // TODO Need an icon
-    // rightControlPanel.title.icon = jcLightIcon;
+    rightControlPanel.title.icon = logoMiniIcon;
 
     if (restorer) {
       restorer.add(leftControlPanel, NAME_SPACE);