Merge pull request #250 from pybricks/projects

add link to example projects

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}

src/components/settings-i18n.en.json

@@ -24,6 +24,9 @@
         },
         "help": {
             "title": "Help",
+            "projects": {
+                "label": "Example Projects"
+            },
             "support": {
                 "label": "Support"
             },

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',

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';