fix: dock icon in dev mode

haritabh-z01 · haritabh-z01 · commit 469b290a53e2 · 2025-06-29T20:58:27.000+05:30
diff --git a/apps/desktop/index.html b/apps/desktop/index.html
@@ -13,8 +13,40 @@
     <link rel="apple-touch-icon" sizes="512x512" href="/assets/icon-512x512.png" />
     <link rel="apple-touch-icon" sizes="1024x1024" href="/assets/icon-1024x1024.png" />
   </head>
-  <body>
+  <body style="margin: 0; font-family: system-ui, -apple-system, sans-serif;">
     <div id="root"></div>
+    <!-- Loading splash that adapts to system theme -->
+    <div id="loading-splash" style="
+      position: fixed;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: light-dark(#ffffff, #0a0a0a);
+      color: light-dark(#0a0a0a, #fafafa);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-direction: column;
+      gap: 16px;
+      z-index: 9999;
+    ">
+      <div style="
+        width: 48px;
+        height: 48px;
+        border: 3px solid light-dark(#e4e4e7, #27272a);
+        border-top: 3px solid light-dark(#0a0a0a, #fafafa);
+        border-radius: 50%;
+        animation: spin 1s linear infinite;
+      "></div>
+      <div style="font-size: 14px; opacity: 0.7;">Loading Amical...</div>
+    </div>
+    <style>
+      @keyframes spin {
+        0% { transform: rotate(0deg); }
+        100% { transform: rotate(360deg); }
+      }
+    </style>
     <script type="module" src="src/renderer/main/index.tsx"></script>
   </body>
 </html>
diff --git a/apps/desktop/src/main/core/app-manager.ts b/apps/desktop/src/main/core/app-manager.ts
@@ -31,11 +31,13 @@ export class AppManager {
     try {
       await this.initializeDatabase();
 
-      // Set dock icon in development mode
-      if (process.platform === "darwin" && !app.isPackaged && app.dock) {
-        const iconPath = path.join(app.getAppPath(), "assets/logo.icns");
+      if (process.platform === "darwin" && app.isPackaged && app.dock) {
+        //! In development, use process.cwd() to get project root, in production use app.getAppPath()
+        //! dev mode throws error even with proper path, so skipping for now
+        const basePath = app.getAppPath();
+        const iconPath = path.join(basePath, "assets/logo.icns");
         app.dock.setIcon(iconPath);
-        logger.main.debug("Set development dock icon");
+        logger.main.debug("Set development dock icon", { iconPath });
       }
       await this.requestPermissions();
       await this.serviceManager.initialize(this.windowManager);
