feat: use Add Extension menu item

lnbits/core/templates/core/extensions.html

@@ -3,14 +3,7 @@
 <script src="/core/static/js/extensions.js"></script>
 {% endblock %} {% block page %}
 <div class="row q-col-gutter-md q-mb-md">
-  <div class="col-sm-7 col-xs-6 mt-lg">
-    <q-btn
-      type="a"
-      :href="['/install?usr=', g.user.id].join('')"
-      color="primary unelevated mt-lg pt-lg"
-      >Add or Remove Extensions</q-btn
-    >
-  </div>
+  <div class="col-sm-7 col-xs-6 mt-lg"></div>
   <div class="col-sm-3 col-xs-8 q-ml-auto">
     <q-input v-model="searchTerm" label="Search extensions">
       <q-icon

lnbits/core/templates/core/install.html

@@ -1,15 +1,7 @@
 {% extends "base.html" %} {% from "macros.jinja" import window_vars with context
 %} {% block page %}
 <div class="row q-col-gutter-md q-mb-md">
-  <div class="col-sm-1 col-xs-4 mt-lg">
-    <q-btn
-      type="a"
-      :href="['/extensions?usr=', g.user.id].join('')"
-      color="primary unelevated mt-lg pt-lg"
-      >Back</q-btn
-    >
-  </div>
-  <div class="col-sm-6 col-xs-4 mt-lg">
+  <div class="col-sm-7 col-xs-4 mt-lg">
     <q-toggle
       label="Installed Only"
       color="secodary"

lnbits/static/js/components.js

@@ -137,7 +137,15 @@ Vue.component('lnbits-extension-list', {
           <q-icon name="clear_all" color="grey-5" size="md"></q-icon>
         </q-item-section>
         <q-item-section>
-          <q-item-label lines="1" class="text-caption">Manage extensions</q-item-label>
+          <q-item-label lines="1" class="text-caption">Extensions</q-item-label>
+        </q-item-section>
+      </q-item>
+      <q-item clickable tag="a" :href="['/install?usr=', user.id].join('')">
+        <q-item-section side>
+          <q-icon name="playlist_add" color="grey-5" size="md"></q-icon>
+        </q-item-section>
+        <q-item-section>
+          <q-item-label lines="1" class="text-caption">Add extensions</q-item-label>
         </q-item-section>
       </q-item>
     </q-list>