From e2f91697f46a7cab4054b88ad56551a91b8c1d69 Mon Sep 17 00:00:00 2001
From: Gregor Lasnibat <gregor@scinote.net>
Date: Fri, 2 Feb 2024 15:06:06 +0100
Subject: [PATCH] (fix) Create new Add-ons section and place SciNote Edit in
 [SCI-10099]

---
 .../settings/account/addons/index.html.erb    | 33 ++++++++++---------
 config/locales/en.yml                         |  3 +-
 2 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/app/views/users/settings/account/addons/index.html.erb b/app/views/users/settings/account/addons/index.html.erb
index a30526a23..5961e4e27 100644
--- a/app/views/users/settings/account/addons/index.html.erb
+++ b/app/views/users/settings/account/addons/index.html.erb
@@ -7,28 +7,29 @@
 
     <h1 id="scinote-addons-title" class="mt-0 pb-1.5 text-sn-black"><%= t('users.settings.account.addons.title') %></h1>
 
-    <div id="scinote-addons-wrapper" class="flex flex-col bg-sn-white p-4 rounded mb-6">
-        <h2 class="my-0 pb-6 text-sn-black" ><%= t('users.settings.account.addons.scinote_addons') %></h2>
-        <div data-hook="settings-addons-container">
-          <em data-hook="settings-addons-no-addons">
-            <%= t('users.settings.account.addons.no_addons') %>
-          </em>
-        </div>
-    </div>
-
     <%# scinote edit %>
     <% if ENV['ASSET_SYNC_URL'].present? %>
       <div class="bg-sn-white rounded p-4 mb-6">
-          <div class="font-bold my-0 pb-2 text-sn-black"><%= t('users.settings.account.addons.desktop_app.title') %></div>
-          <div class="pb-6 text-sn-dark-grey">
-            <%= t('users.settings.account.addons.desktop_app.description') %>
-          </div>
-          <div id="scinoteEditDownload" data-behaviour="vue">
-            <scinote-edit-download data="<%= @user_agent %>">
-          </div>
+        <h2 class="text-sn-black my-0 pb-6"><%= t('users.settings.account.addons.desktop_app.scinote_apps') %></h2>
+        <div class="font-bold my-0 pb-2 text-sn-black"><%= t('users.settings.account.addons.desktop_app.scinote_edit') %></div>
+        <div class="pb-6 text-sn-dark-grey">
+          <%= t('users.settings.account.addons.desktop_app.description') %>
+        </div>
+        <div id="scinoteEditDownload" data-behaviour="vue">
+          <scinote-edit-download data="<%= @user_agent %>">
+        </div>
       </div>
     <% end %>
 
+    <div id="scinote-addons-wrapper" class="flex flex-col bg-sn-white p-4 rounded mb-6">
+      <h2 class="my-0 pb-6 text-sn-black" ><%= t('users.settings.account.addons.scinote_addons') %></h2>
+      <div data-hook="settings-addons-container">
+        <em data-hook="settings-addons-no-addons">
+          <%= t('users.settings.account.addons.no_addons') %>
+        </em>
+      </div>
+    </div>
+
     <%# label printers %>
     <div id="printer-settings" class="flex flex-col gap-6 rounded bg-sn-white mb-6 p-4">
       <h2 class="my-0 text-sn-black"><%= t('users.settings.account.addons.label_printers') %></h2>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 7cf8de6fe..fd94c30b6 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -2805,7 +2805,8 @@ en:
             description: 'Print labels of custom styles and sizes in seconds flat from your PC or Mac via your Zebra printer connected via USB, Internet or LAN.'
             details: 'Details'
           desktop_app:
-            title: 'SciNote Edit'
+            scinote_apps: "SciNote apps"
+            scinote_edit: 'SciNote Edit'
             description: 'Download the SciNote Edit desktop app to automatically edit files using locally installed software.'
             macos_button: 'Download for macOS'
             windows_button: 'Download for Windows'