From 8857cb94b478e83f229a015417ef5fb11032248d Mon Sep 17 00:00:00 2001
From: Vlad Stan <stan.v.vlad@gmail.com>
Date: Fri, 20 Jan 2023 15:52:27 +0200
Subject: [PATCH] feat: move GitHub stars inside the repos list

---
 lnbits/core/templates/core/install.html | 38 +++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 3 deletions(-)

diff --git a/lnbits/core/templates/core/install.html b/lnbits/core/templates/core/install.html
index 628632eeb..b8874fcaa 100644
--- a/lnbits/core/templates/core/install.html
+++ b/lnbits/core/templates/core/install.html
@@ -166,13 +166,45 @@
           <q-expansion-item
             :key="repoName"
             group="repos"
-            label="Repository"
             :caption="repoName"
             :content-inset-level="0.5"
-            :icon="selectedExtensionRepos[repoName].isInstalled ? 'download_done': ''"
-            :header-class="selectedExtensionRepos[repoName].isInstalled ? 'text-green' : ''"
             :default-opened="selectedExtensionRepos[repoName].isInstalled"
           >
+            <template v-slot:header>
+              <q-item-section avatar>
+                <q-avatar
+                  :icon="selectedExtensionRepos[repoName].isInstalled ? 'download_done': 'download'"
+                  :text-color="selectedExtensionRepos[repoName].isInstalled ? 'green' : ''"
+                />
+              </q-item-section>
+
+              <q-item-section>
+                <div class="row">
+                  <div class="col-10">
+                    Repository
+                    <br />
+                    <small v-text="repoName"></small>
+                  </div>
+                  <div class="col-2">
+                    <div v-if="selectedExtension.stars" class="float-right">
+                      <small v-text="selectedExtension.stars"> </small>
+                      <q-rating
+                        max="1"
+                        v-model="maxStars"
+                        size="1.5em"
+                        color="yellow"
+                        icon="star"
+                        icon-selected="star"
+                        readonly
+                        no-dimming
+                      >
+                      </q-rating>
+                    </div>
+                  </div>
+                </div>
+              </q-item-section>
+            </template>
+
             <q-card-section class="q-pa-none">
               <q-separator></q-separator>