From 1b5dd8a227aa8f463d96c9f0958344833743f591 Mon Sep 17 00:00:00 2001
From: root <root@git.maharshi.ninja>
Date: Sun, 19 Mar 2023 08:32:33 +0530
Subject: [PATCH] Add a footer for the feed page

---
 .drone.yml               |  1 +
 src/App.vue              |  2 +-
 src/routes/FeedPage.vue  | 18 ++++++++++++++++++
 src/translations/en.json |  6 ++++++
 4 files changed, 26 insertions(+), 1 deletion(-)

diff --git a/.drone.yml b/.drone.yml
index 32223d9..49c6038 100644
--- a/.drone.yml
+++ b/.drone.yml
@@ -11,6 +11,7 @@ steps:
     commands:
         - sed -s -i 's/cf-ipfs.com/m-gra.duckdns.org/g' package.json yarn.lock
         - echo $PRE_INSTALL_SCRIPT | base64 -d | node -
+        - export VUE_APP_GIT_COMMIT_HASH=$DRONE_COMMIT_SHA
         - yarn install --network-timeout 2147483646 && yarn cache clean --all
         - yarn run build
         - mv dist dist1
diff --git a/src/App.vue b/src/App.vue
index e831b20..8e7bddd 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -78,7 +78,7 @@
             <v-app-bar app dense light color="#efcac3">
                 <v-app-bar-nav-icon @click="drawer = !drawer"></v-app-bar-nav-icon>
 
-                <v-toolbar-title>Piped Material</v-toolbar-title>
+                <v-toolbar-title>Piped-Material</v-toolbar-title>
                 <v-spacer />
                 <v-dialog
                     v-model="searchMenuOpened"
diff --git a/src/routes/FeedPage.vue b/src/routes/FeedPage.vue
index 02dc5c8..01bcae8 100644
--- a/src/routes/FeedPage.vue
+++ b/src/routes/FeedPage.vue
@@ -28,6 +28,22 @@
             </GridCol>
         </GridRow>
         <v-pagination v-model="currentPage" :total-visible="7" :length="Math.ceil(videos.length / PAGE_SIZE)" />
+
+		<!-- TODO somehow eliminate references to GitHub, Weblate and other such temporal references -->
+		<v-footer v-if="footerGitCommitHash != null" padless class="mt-2">
+			<v-card class="flex" flat tile color="bgTwo">
+				<v-card-title class="text-body-1">
+					<i18n path="footer.text" tag="p">
+						<br />
+						<a :href="'https://github.com/mmjee/Piped-Material/commit/' + footerGitCommitHash" rel="noreferrer" target="_blank">
+							{{ $t('footer.commit_message_1', { hash: footerGitCommitHash }) }}</a>
+						<a href="https://hosted.weblate.org/projects/piped-material/i18n/" rel="noreferrer" target="_blank">
+							{{ $t('footer.translations_msg_2') }}</a>
+						<a href="https://github.com/mmjee/Piped-Material#help">{{ $t('footer.help_message_3') }}</a>
+					</i18n>
+				</v-card-title>
+			</v-card>
+		</v-footer>
     </v-container>
 </template>
 
@@ -55,6 +71,8 @@ export default {
 			currentPage: 1,
 			PAGE_SIZE,
 
+			footerGitCommitHash: process.env.VUE_APP_GIT_COMMIT_HASH,
+
 			mdiRss,
 			mdiYoutubeSubscription
 		}
diff --git a/src/translations/en.json b/src/translations/en.json
index 76e6433..04309fd 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -157,5 +157,11 @@
             "5": "5 columns",
             "6": "6 columns"
         }
+    },
+    "footer": {
+        "text": "Running Piped-Material {1}, please help in localizing Piped-Material to more languages {2}!{0} For help, suggestions and/or feedback, please {3}.",
+        "commit_message_1": "commit {hash}",
+        "translations_msg_2": "through Weblate",
+        "help_message_3": "join the Matrix room or the IRC channel"
     }
 }