From c83b32e6ae6841705b0582d65e5a55ffc7e54945 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Fri, 13 Sep 2024 13:56:28 +0200
Subject: [PATCH] add reddit links

---
 website/src/lib/components/Footer.svelte      |  9 +++++
 website/src/lib/components/Logo.svelte        | 10 +++++
 website/src/locales/en.json                   |  1 +
 .../[[language]]/help/[...guide]/+page.svelte | 40 ++++++++++++++++++-
 4 files changed, 59 insertions(+), 1 deletion(-)

diff --git a/website/src/lib/components/Footer.svelte b/website/src/lib/components/Footer.svelte
index 86bb80ee..7aa1497d 100644
--- a/website/src/lib/components/Footer.svelte
+++ b/website/src/lib/components/Footer.svelte
@@ -52,6 +52,15 @@
 				</div>
 				<div class="flex flex-col items-start gap-1" id="contact">
 					<span class="font-semibold">{$_('homepage.contact')}</span>
+					<Button
+						variant="link"
+						class="h-6 px-0 text-muted-foreground"
+						href="https://www.reddit.com/r/gpxstudio/"
+						target="_blank"
+					>
+						<Logo company="reddit" class="h-4 mr-1 fill-muted-foreground" />
+						{$_('homepage.reddit')}
+					</Button>
 					<Button
 						variant="link"
 						class="h-6 px-0 text-muted-foreground"
diff --git a/website/src/lib/components/Logo.svelte b/website/src/lib/components/Logo.svelte
index a256453e..c47498e7 100644
--- a/website/src/lib/components/Logo.svelte
+++ b/website/src/lib/components/Logo.svelte
@@ -60,4 +60,14 @@
 			d="M18.901 1.153h3.68l-8.04 9.19L24 22.846h-7.406l-5.8-7.584-6.638 7.584H.474l8.6-9.83L0 1.154h7.594l5.243 6.932ZM17.61 20.644h2.039L6.486 3.24H4.298Z"
 		/></svg
 	>
+{:else if company === 'reddit'}
+	<svg
+		role="img"
+		viewBox="0 0 24 24"
+		xmlns="http://www.w3.org/2000/svg"
+		class="fill-foreground {$$restProps.class ?? ''}"
+		><title>Reddit</title><path
+			d="M12 0C5.373 0 0 5.373 0 12c0 3.314 1.343 6.314 3.515 8.485l-2.286 2.286C.775 23.225 1.097 24 1.738 24H12c6.627 0 12-5.373 12-12S18.627 0 12 0Zm4.388 3.199c1.104 0 1.999.895 1.999 1.999 0 1.105-.895 2-1.999 2-.946 0-1.739-.657-1.947-1.539v.002c-1.147.162-2.032 1.15-2.032 2.341v.007c1.776.067 3.4.567 4.686 1.363.473-.363 1.064-.58 1.707-.58 1.547 0 2.802 1.254 2.802 2.802 0 1.117-.655 2.081-1.601 2.531-.088 3.256-3.637 5.876-7.997 5.876-4.361 0-7.905-2.617-7.998-5.87-.954-.447-1.614-1.415-1.614-2.538 0-1.548 1.255-2.802 2.803-2.802.645 0 1.239.218 1.712.585 1.275-.79 2.881-1.291 4.64-1.365v-.01c0-1.663 1.263-3.034 2.88-3.207.188-.911.993-1.595 1.959-1.595Zm-8.085 8.376c-.784 0-1.459.78-1.506 1.797-.047 1.016.64 1.429 1.426 1.429.786 0 1.371-.369 1.418-1.385.047-1.017-.553-1.841-1.338-1.841Zm7.406 0c-.786 0-1.385.824-1.338 1.841.047 1.017.634 1.385 1.418 1.385.785 0 1.473-.413 1.426-1.429-.046-1.017-.721-1.797-1.506-1.797Zm-3.703 4.013c-.974 0-1.907.048-2.77.135-.147.015-.241.168-.183.305.483 1.154 1.622 1.964 2.953 1.964 1.33 0 2.47-.81 2.953-1.964.057-.137-.037-.29-.184-.305-.863-.087-1.795-.135-2.769-.135Z"
+		/></svg
+	>
 {/if}
diff --git a/website/src/locales/en.json b/website/src/locales/en.json
index f2688919..a5217328 100644
--- a/website/src/locales/en.json
+++ b/website/src/locales/en.json
@@ -443,6 +443,7 @@
         "home": "Home",
         "app": "App",
         "contact": "Contact",
+        "reddit": "Reddit",
         "x": "X",
         "facebook": "Facebook",
         "github": "GitHub",
diff --git a/website/src/routes/[[language]]/help/[...guide]/+page.svelte b/website/src/routes/[[language]]/help/[...guide]/+page.svelte
index 68310e40..5b625d88 100644
--- a/website/src/routes/[[language]]/help/[...guide]/+page.svelte
+++ b/website/src/routes/[[language]]/help/[...guide]/+page.svelte
@@ -4,7 +4,8 @@
 	import DocsLoader from '$lib/components/docs/DocsLoader.svelte';
 	import { Button } from '$lib/components/ui/button';
 	import { getURLForLanguage } from '$lib/utils';
-	import { ChevronLeft, ChevronRight } from 'lucide-svelte';
+	import { ChevronLeft, ChevronRight, PenLine, CornerDownRight } from 'lucide-svelte';
+	import { _, locale } from 'svelte-i18n';
 
 	$: previousGuide = getPreviousGuide($page.params.guide);
 	$: nextGuide = getNextGuide($page.params.guide);
@@ -34,3 +35,40 @@
 		</Button>
 	{/if}
 </div>
+
+<div class="flex flex-row flex-wrap justify-between items-start mt-10 gap-3">
+	<div class="flex flex-col items-start">
+		<p class="text-sm text-muted-foreground">{$_('docs.answer_not_found')}</p>
+		<Button
+			variant="link"
+			href="https://www.reddit.com/r/gpxstudio/"
+			target="_blank"
+			class="p-0 h-6 text-blue-500"
+		>
+			<CornerDownRight size="16" class="mr-1" />
+			{$_('docs.ask_on_reddit')}
+		</Button>
+	</div>
+	{#if $locale === 'en'}
+		<Button
+			variant="link"
+			href="https://github.com/gpxstudio/gpx.studio/edit/dev/website/src/lib/docs/en/{$page.params
+				.guide}.mdx"
+			target="_blank"
+			class="p-0 h-6 ml-auto text-blue-500"
+		>
+			<PenLine size="16" class="mr-1" />
+			{$_('docs.edit')}
+		</Button>
+	{:else}
+		<Button
+			variant="link"
+			href="https://crowdin.com/project/gpxstudio/{$locale}"
+			target="_blank"
+			class="p-0 h-6 ml-auto text-blue-500"
+		>
+			<PenLine size="16" class="mr-1" />
+			{$_('docs.translate')}
+		</Button>
+	{/if}
+</div>