added app settings, updated details screen

Author: jasir99

.eslintrc.js

@@ -18,6 +18,7 @@ module.exports = {
     'react/function-component-definition': 'off',
     'react/require-default-props': 'off',
     'import/no-cycle': 'off',
+    'jsx-a11y/label-has-associated-control': 'off',
   },
   parserOptions: {
     ecmaVersion: 2022,

assets/icons/folder.svg

@@ -1,4 +1,5 @@
 import settings from './settings.svg';
 import add from './add.svg';
+import folder from './folder.svg';
 
-export const icons = { settings, add };
+export const icons = { settings, add, folder };

assets/icons/index.ts

@@ -1,4 +1,9 @@
 import registerCliHandlers from './cli.ipcHandlers';
 import registerProjectHandlers from './project.ipcHandlers';
+import registerSettingsHandlers from './setting.ipcHandlers';
 
-export { registerCliHandlers, registerProjectHandlers };
+export {
+  registerCliHandlers,
+  registerProjectHandlers,
+  registerSettingsHandlers,
+};

assets/icons/search.svg

@@ -1,16 +1,8 @@
 import { ipcMain } from 'electron';
-import { initializeDataStorage } from '../utils/setupHelpers';
 import { ProjectsService } from '../services';
 import { Project } from '../../types/backend';
 
 const registerProjectHandlers = () => {
-  initializeDataStorage();
-  //
-  // ipcMain.removeHandler('project:list');
-  // ipcMain.removeHandler('project:update');
-  // ipcMain.removeHandler('project:delete');
-  // ipcMain.removeHandler('project:add');
-
   ipcMain.handle('project:list', async () => {
     return ProjectsService.loadProjects();
   });

src/main/ipcHandlers/index.ts

@@ -0,0 +1,29 @@
+import { BrowserWindow, dialog, ipcMain } from 'electron';
+import { initializeDataStorage } from '../utils/setupHelpers';
+import { SettingsService } from '../services';
+import { FileDialogProperties, SettingsType } from '../../types/backend';
+
+const registerSettingsHandlers = (mainWindow: BrowserWindow) => {
+  initializeDataStorage();
+
+  ipcMain.handle('settings:load', async () => {
+    return SettingsService.loadSettings();
+  });
+
+  ipcMain.handle('settings:save', async (_event, body: SettingsType) => {
+    return SettingsService.saveSettings(body);
+  });
+
+  ipcMain.handle(
+    'settings:dialog',
+    async (_event, body: { property: FileDialogProperties }) => {
+      console.log('property', body.property);
+      const result = await dialog.showOpenDialog(mainWindow, {
+        properties: [body.property],
+      });
+      return result.filePaths;
+    },
+  );
+};
+
+export default registerSettingsHandlers;

src/main/ipcHandlers/project.ipcHandlers.ts

@@ -1,8 +1,13 @@
 import { BrowserWindow } from 'electron';
-import { registerCliHandlers, registerProjectHandlers } from './ipcHandlers';
+import {
+  registerCliHandlers,
+  registerProjectHandlers,
+  registerSettingsHandlers,
+} from './ipcHandlers';
 
 const registerHandlers = (mainWindow: BrowserWindow) => {
   registerCliHandlers(mainWindow);
+  registerSettingsHandlers(mainWindow);
   registerProjectHandlers();
 };
 

src/main/ipcHandlers/setting.ipcHandlers.ts

@@ -1,27 +1,15 @@
 import { spawn, ChildProcessWithoutNullStreams } from 'child_process';
-import { BrowserWindow, app } from 'electron';
+import { BrowserWindow } from 'electron';
 import path from 'path';
-import { DATA_DIR } from '../utils/setupHelpers';
+import SettingsService from './settings.service';
 
 export default class CliService {
   private cliPath: string;
 
   private process: ChildProcessWithoutNullStreams | null = null;
 
   constructor() {
-    this.cliPath = app.isPackaged
-      ? path.join(
-          process.resourcesPath,
-          'bin',
-          'rosetta',
-          'rosetta-2.7.0-mac_aarch64',
-          'bin',
-          'rosetta',
-        )
-      : path.join(
-          __dirname,
-          '../../bin/rosetta/rosetta-2.7.0-mac_aarch64/bin/rosetta',
-        );
+    this.cliPath = SettingsService.loadSettings().rosettaPath;
   }
 
   setPath(value: string) {
@@ -42,7 +30,10 @@ export default class CliService {
     if (args.length !== 2) {
       throw new Error('Invalid number of arguments');
     }
-    args[1] = path.join(DATA_DIR, args[1]);
+    args[1] = path.join(
+      SettingsService.loadSettings().projectsDirectory,
+      args[1],
+    );
 
     return new Promise<void>((resolve, reject) => {
       if (this.process) {

src/main/ipcSetup.ts

@@ -1,4 +1,5 @@
 import CliService from './cli.service';
 import ProjectsService from './projects.service';
+import SettingsService from './settings.service';
 
-export { CliService, ProjectsService };
+export { CliService, ProjectsService, SettingsService };