diff --git a/src/__tests__/__snapshots__/App.test.tsx.snap b/src/__tests__/__snapshots__/App.test.tsx.snap
index febe90548..541706d99 100644
--- a/src/__tests__/__snapshots__/App.test.tsx.snap
+++ b/src/__tests__/__snapshots__/App.test.tsx.snap
@@ -53,6 +53,26 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag
>
#perfcompare:mozilla.org on Matrix
+ .
+ View the docs at
+
+
+ PerfCompare documentation
+
+ .
+ View the source code on
+
+
+ GitHub
+
.
@@ -316,6 +336,26 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag
>
#perfcompare:mozilla.org on Matrix
+ .
+ View the docs at
+
+
+ PerfCompare documentation
+
+ .
+ View the source code on
+
+
+ GitHub
+
.
@@ -474,6 +514,26 @@ exports[`App CompareResults or CompareOverTime loader Should render an error pag
>
#perfcompare:mozilla.org on Matrix
+ .
+ View the docs at
+
+
+ PerfCompare documentation
+
+ .
+ View the source code on
+
+
+ GitHub
+
.
diff --git a/src/components/App.tsx b/src/components/App.tsx
index e02ae29fc..02c78c4b9 100644
--- a/src/components/App.tsx
+++ b/src/components/App.tsx
@@ -45,6 +45,18 @@ const contact: InfoStrings = {
href: Strings.components.contact.href,
};
+const docs: InfoStrings = {
+ text: Strings.components.docs.text,
+ linkText: Strings.components.docs.linkText,
+ href: Strings.components.docs.href,
+};
+
+const source: InfoStrings = {
+ text: Strings.components.source.text,
+ linkText: Strings.components.source.linkText,
+ href: Strings.components.source.href,
+};
+
type DivProps = React.HTMLProps;
const AlertContainer = React.forwardRef(
@@ -178,6 +190,16 @@ function App() {
{contact.linkText}
+ {'. '}
+ {docs.text}{' '}
+
+ {docs.linkText}
+
+ {'. '}
+ {source.text}{' '}
+
+ {source.linkText}
+
.
diff --git a/src/resources/Strings.tsx b/src/resources/Strings.tsx
index 2ea3c7db5..4770a9a76 100644
--- a/src/resources/Strings.tsx
+++ b/src/resources/Strings.tsx
@@ -17,6 +17,16 @@ export const Strings = {
linkText: '#perfcompare:mozilla.org on Matrix',
href: 'https://matrix.to/#/#perfcompare:mozilla.org',
},
+ docs: {
+ text: 'View the docs at',
+ linkText: 'PerfCompare documentation',
+ href: 'https://firefox-source-docs.mozilla.org/testing/perfdocs/perfcompare.html',
+ },
+ source: {
+ text: 'View the source code on',
+ linkText: 'GitHub',
+ href: 'https://github.com/mozilla/perfcompare',
+ },
header: {
title: 'PerfCompare',
tagline: