Front: Add Links to Github + doc in settings

Arthi-chaud · Jul 26, 2024 · bb7d549 · bb7d549
1 parent 9cd7d1e
commit bb7d549
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 0 deletions.
diff --git a/front/src/components/settings/user-settings.tsx b/front/src/components/settings/user-settings.tsx
@@ -23,6 +23,8 @@ import { Language, Languages, persistLanguage } from "../../i18n/i18n";
 import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useLocalStorage } from "usehooks-ts";
+import Link from "next/link";
+import { Book1, Star, Warning2 } from "iconsax-react";
 
 const SettingGroupStyle = {
 	paddingTop: 1,
@@ -35,6 +37,9 @@ const InputContainerStyle = {
 	display: "flex",
 } as const;
 
+const RepositoryUrl = "https://github.com/Arthi-chaud/meelo";
+const LinkIconStyle = { marginBottom: -5, marginRight: 5 };
+
 const UserSettings = () => {
 	const { t, i18n } = useTranslation();
 	const colorScheme = useColorScheme();
@@ -153,6 +158,36 @@ const UserSettings = () => {
 					/>
 				</Grid>
 			</Grid>
+			<SectionHeader heading={t("project")} />
+			<p>
+				<Star style={LinkIconStyle} />
+				{t("enjoyingTheProject")}{" "}
+				<Link
+					style={{ textDecoration: "underline" }}
+					href={RepositoryUrl}
+				>
+					{t("starOnGithub")}
+				</Link>
+			</p>
+			<p>
+				<Warning2 style={LinkIconStyle} />
+				{t("encounteredABug")}{" "}
+				<Link
+					style={{ textDecoration: "underline" }}
+					href={`${RepositoryUrl}/issues`}
+				>
+					{t("openAnIssue")}
+				</Link>
+			</p>
+			<p>
+				<Book1 style={LinkIconStyle} />
+				<Link
+					style={{ textDecoration: "underline" }}
+					href="https://arthi-chaud.github.io/Meelo"
+				>
+					{t("readTheDoc")}
+				</Link>
+			</p>
 		</NoSsr>
 	);
 };

diff --git a/front/src/i18n/translations/en.json b/front/src/i18n/translations/en.json
@@ -228,10 +228,16 @@
 	"useSystemeTheme": "Use System Theme",
 	"useDarkTheme": "Use Dark Theme",
 	"language": "Language",
+	"project": "Project",
 	"useSystemeLanguage": "Use System Language",
 	"notifications": "Notifications",
 	"permissions": "Permissions",
 	"notifyOnTrackChange": "Notify On Track Change",
+	"enjoyingTheProject": "Enjoying the project?",
+	"starOnGithub": "Star Meelo on GitHub!",
+	"encounteredABug": "You encountered a bug?",
+	"openAnIssue": "Open an issue on GitHub!",
+	"readTheDoc": "Read the user documentation",
 
 	"en": "English",
 	"fr": "French",

diff --git a/front/src/i18n/translations/fr.json b/front/src/i18n/translations/fr.json
@@ -217,10 +217,16 @@
 	"useSystemeTheme": "Utiliser le thème système",
 	"useDarkTheme": "Utiliser le mode sombre",
 	"language": "Langue",
+	"project": "Projet",
 	"useSystemeLanguage": "Utiliser la langue du système",
 	"notifications": "Notifications",
 	"permissions": "Permissions",
 	"notifyOnTrackChange": "Notifier quand le morceau change",
+	"enjoyingTheProject": "Vous aimez le projet?",
+	"starOnGithub": "Donner une étoile à Meelo sur GitHub!",
+	"encounteredABug": "Vous avez rencontré un problème?",
+	"openAnIssue": "Ouvrir une issue sur GitHub!",
+	"readTheDoc": "Accéder à la documentation utilisateur",
 
 	"en": "Anglais",
 	"fr": "Français",