Use custom icon for apps

JohnStarich · Dec 3, 2019 · 94fc9ce · 94fc9ce
1 parent 4ac9a59
commit 94fc9ce
Show file tree

Hide file tree

Showing 8 changed files with 88 additions and 3 deletions.
diff --git a/web/package.json b/web/package.json
@@ -44,6 +44,7 @@
       "packagerConfig": {
         "asar": true,
         "executableName": "sage",
+        "icon": "src/logo/sage-app",
         "afterCopy": [
           "src/build-scripts/afterCopy.js"
         ]

diff --git a/web/src/App.js b/web/src/App.js
@@ -18,7 +18,7 @@ import Nav from 'react-bootstrap/Nav';
 import Navbar from 'react-bootstrap/Navbar';
 import Sync from './Sync';
 import { Crumb, Breadcrumbs } from './Breadcrumb';
-import { ReactComponent as Logo } from './sage.svg';
+import { ReactComponent as Logo } from './logo/sage.svg';
 
 function App() {
   return (

diff --git a/web/src/logo/sage-app.icns b/web/src/logo/sage-app.icns
diff --git a/web/src/logo/sage-app.ico b/web/src/logo/sage-app.ico
diff --git a/web/src/logo/sage-app.png b/web/src/logo/sage-app.png
diff --git a/web/src/logo/sage-app.svg b/web/src/logo/sage-app.svg
diff --git a/web/src/sage.svg → web/src/logo/sage.svg b/web/src/sage.svg → web/src/logo/sage.svg
diff --git a/web/src/main.js b/web/src/main.js
@@ -35,11 +35,15 @@ const createWindow = async function() {
   await session.defaultSession.clearCache();
 
   // Create the browser window.
-  mainWindow = new BrowserWindow({
+  const browserOpts = {
     width: 800,
     height: 600,
     titleBarStyle: 'hidden',
-  });
+  };
+  if (process.platform === 'linux') {
+    browserOpts.icon = "logo/sage-app.png"
+  }
+  mainWindow = new BrowserWindow(browserOpts);
 
   // and load the index.html of the app.
   mainWindow.loadURL(`http://localhost:${SagePort}`);