Merge pull request #121 from FlowTestAI/ui-improvements

feat: copy to clipboard and disclaimer for LLM usage

Author: jsajal

package.json

@@ -61,6 +61,7 @@
     "notistack": "^3.0.1",
     "postcss": "^8.4.35",
     "react": "^18.2.0",
+    "react-copy-to-clipboard": "^5.1.0",
     "react-custom-scrollbars": "^4.2.1",
     "react-dom": "^18.2.0",
     "react-edit-text": "^5.1.1",

packages/flowtest-electron/src/ipc/settings.js

@@ -20,6 +20,17 @@ const registerSettingsEventHandlers = (mainWindow) => {
       return Promise.reject(error);
     }
   });
+
+  ipcMain.handle('renderer:add-genAIUsageDisclaimer', async (event, accepted) => {
+    try {
+      settingsStore.addGenAIUsageDisclaimer(accepted);
+      const savedSettings = settingsStore.getAll();
+
+      mainWindow.webContents.send('main:saved-settings', savedSettings);
+    } catch (error) {
+      return Promise.reject(error);
+    }
+  });
 };
 
 module.exports = registerSettingsEventHandlers;

packages/flowtest-electron/src/store/settings.js

@@ -9,14 +9,20 @@ class Settings {
     this.store.set('logSyncConfig', { enabled, hostUrl, accessId, accessKey });
   }
 
+  addGenAIUsageDisclaimer(accepted) {
+    this.store.set('genAIUsageDisclaimer', accepted);
+  }
+
   getAll() {
     return {
       logSyncConfig: this.store.get('logSyncConfig') || {},
+      genAIUsageDisclaimer: this.store.get('genAIUsageDisclaimer') || false,
     };
   }
 
   clearAll() {
     this.store.set('logSyncConfig', {});
+    this.store.set('genAIUsageDisclaimer', false);
   }
 }
 

packages/flowtest-electron/tests/store/settings-store.test.js

@@ -5,14 +5,21 @@ describe('settings-store', () => {
     const store = new Settings();
     store.clearAll();
 
-    expect(store.getAll().logSyncConfig).toEqual({});
+    let settings = store.getAll();
+    expect(settings.logSyncConfig).toEqual({});
+    expect(settings.genAIUsageDisclaimer).toEqual(false);
 
     // adding a collection whose directory doesn't exist
     store.addLogSyncConfig(true, 'http://localhost:3000', 'access_id', 'access_key');
-    const config = store.getAll().logSyncConfig;
+    store.addGenAIUsageDisclaimer(true);
+
+    settings = store.getAll();
+    const config = settings.logSyncConfig;
     expect(config.enabled).toEqual(true);
     expect(config.hostUrl).toEqual('http://localhost:3000');
     expect(config.accessId).toEqual('access_id');
     expect(config.accessKey).toEqual('access_key');
+
+    expect(settings.genAIUsageDisclaimer).toEqual(true);
   });
 });