From 8246bad1e861eb31506b1f2118c0f51122213457 Mon Sep 17 00:00:00 2001
From: Laurens Valk <laurens@pybricks.com>
Date: Mon, 18 Jan 2021 15:10:02 +0100
Subject: [PATCH] add link to example projects

---
 src/components/SettingsDrawer.tsx    | 10 ++++++++++
 src/components/settings-i18n.en.json |  3 +++
 src/components/settings-i18n.ts      |  1 +
 src/settings/ui.ts                   |  3 +++
 4 files changed, 17 insertions(+)

diff --git a/src/components/SettingsDrawer.tsx b/src/components/SettingsDrawer.tsx
index 9e379ec6..30e482ed 100644
--- a/src/components/SettingsDrawer.tsx
+++ b/src/components/SettingsDrawer.tsx
@@ -22,6 +22,7 @@ import { RootState } from '../reducers';
 import {
     pybricksBugReportsUrl,
     pybricksGitterUrl,
+    pybricksProjectsUrl,
     pybricksSupportUrl,
     tooltipDelay,
 } from '../settings/ui';
@@ -157,6 +158,15 @@ class SettingsDrawer extends React.PureComponent<SettingsProps> {
                                 vertical={true}
                                 alignText="left"
                             >
+                                <AnchorButton
+                                    icon="lightbulb"
+                                    href={pybricksProjectsUrl}
+                                    target="blank_"
+                                >
+                                    {i18n.translate(SettingsStringId.HelpProjectsLabel)}
+                                    &nbsp;
+                                    <ExternalLinkIcon />
+                                </AnchorButton>
                                 <AnchorButton
                                     icon="help"
                                     href={pybricksSupportUrl}
diff --git a/src/components/settings-i18n.en.json b/src/components/settings-i18n.en.json
index 8e30f8bf..d3996591 100644
--- a/src/components/settings-i18n.en.json
+++ b/src/components/settings-i18n.en.json
@@ -24,6 +24,9 @@
         },
         "help": {
             "title": "Help",
+            "projects": {
+                "label": "Example Projects"
+            },
             "support": {
                 "label": "Support"
             },
diff --git a/src/components/settings-i18n.ts b/src/components/settings-i18n.ts
index 13c68db1..bc16e13c 100644
--- a/src/components/settings-i18n.ts
+++ b/src/components/settings-i18n.ts
@@ -15,6 +15,7 @@ export enum SettingsStringId {
     FirmwareCurrentProgramLabel = 'settings.firmware.flash-current-program.label',
     FirmwareCurrentProgramTooltip = 'settings.firmware.flash-current-program.tooltip',
     HelpTitle = 'settings.help.title',
+    HelpProjectsLabel = 'settings.help.projects.label',
     HelpSupportLabel = 'settings.help.support.label',
     HelpChatLabel = 'settings.help.chat.label',
     HelpBugsLabel = 'settings.help.bugs.label',
diff --git a/src/settings/ui.ts b/src/settings/ui.ts
index 4ae33657..148891f3 100644
--- a/src/settings/ui.ts
+++ b/src/settings/ui.ts
@@ -15,6 +15,9 @@ export const pybricksWebsiteUrl = 'https://pybricks.com';
 /** URL to Pybricks support site. */
 export const pybricksSupportUrl = 'https://github.com/pybricks/support/discussions';
 
+/** URL to Pybricks projects site. */
+export const pybricksProjectsUrl = 'https://github.com/pybricks/pybricks-projects';
+
 /** URL to Pybricks bug report site. */
 export const pybricksBugReportsUrl = 'https://github.com/pybricks/support/issues';