feat: add "Refer and Earn" option to widget dropdown menu

src/apps/renderer/localize/locales/en.json

@@ -57,6 +57,7 @@
         "preferences": "Preferences",
         "issues": "Issues",
         "support": "Support",
+        "referAndEarn": "Refer and Earn",
         "logout": "Log out",
         "quit": "Quit",
         "cleaner": "Cleaner",

src/apps/renderer/localize/locales/es.json

@@ -57,6 +57,7 @@
         "preferences": "Preferencias",
         "issues": "Lista de errores",
         "support": "Ayuda",
+        "referAndEarn": "Recomienda y gana",
         "logout": "Cerrar sesión",
         "quit": "Salir",
         "cleaner": "Cleaner",

src/apps/renderer/localize/locales/fr.json

@@ -57,6 +57,7 @@
         "preferences": "Préférences",
         "issues": "Liste d'erreurs",
         "support": "Aide",
+        "referAndEarn": "Parrainez et gagnez",
         "logout": "Déconnecter",
         "quit": "Fermer",
         "cleaner": "Cleaner",

src/apps/renderer/pages/Widget/ItemsSection.test.tsx

@@ -145,4 +145,15 @@ describe('ItemsSection', () => {
 
     expect(window.electron.logout).toHaveBeenCalledOnce();
   });
+
+  it('calls onOpenURL with referral URL when refer and earn is clicked', () => {
+    const onOpenURL = vi.fn();
+
+    render(<ItemsSection {...defaultProps} onOpenURL={onOpenURL} />);
+
+    const referButton = screen.getByText('widget.header.dropdown.referAndEarn').closest('button')!;
+    fireEvent.click(referButton);
+
+    expect(onOpenURL).toHaveBeenCalledWith('https://drive.internxt.com/?referral=open');
+  });
 });

src/apps/renderer/pages/Widget/ItemsSection.tsx

@@ -121,6 +121,18 @@ export function ItemsSection({ numberOfIssues, numberOfIssuesDisplay, onQuitClic
                     </div>
                   )}
                 </Menu.Item>
+                <Menu.Item>
+                  {({ active }) => (
+                    <div>
+                      <DropdownItem
+                        active={active}
+                        onClick={() => onOpenURL('https://drive.internxt.com/?referral=open')}
+                        data-automation-id="menuItemReferAndEarn">
+                        <span>{translate('widget.header.dropdown.referAndEarn')}</span>
+                      </DropdownItem>
+                    </div>
+                  )}
+                </Menu.Item>
                 <Menu.Item>
                   {({ active }) => (
                     <div>