Add repo and marketplace links

Author: ueokande

src/templates/action.tsx

@@ -1,5 +1,6 @@
 import type { HeadFC, PageProps } from "gatsby";
 import {
+  Anchor,
   Box,
   Heading,
   NameValueList,
@@ -8,6 +9,7 @@ import {
   PageContent,
   Paragraph,
 } from "grommet";
+import { Actions as ActionsIcon, Github as GithubIcon } from "grommet-icons";
 import { Layout } from "../components/layout";
 import type { ActionType } from "../types";
 
@@ -24,10 +26,31 @@ const ActionPage: React.FC<PageProps & Props> = ({ pageContext }) => {
     <Layout>
       <Page kind="narrow" margin={{ vertical: "xlarge" }}>
         <PageContent>
+          <Box direction="row" gap="medium" pad={{ bottom: "medium" }}>
+            <Anchor
+              href={`https://github.com/marketplace/actions/${name}`}
+              target="_blank"
+              rel="noopener noreferrer"
+              as="a"
+              label="View action on Marketplace"
+              icon={<ActionsIcon />}
+              size="small"
+            />
+            <Anchor
+              href={`https://github.com/browser-actions/${name}`}
+              target="_blank"
+              rel="noopener noreferrer"
+              as="a"
+              label="View action on GitHub"
+              icon={<GithubIcon />}
+              size="small"
+            />
+          </Box>
+
           <Heading level="1" margin="none">
             {name}
           </Heading>
-          <Paragraph>{action.description}</Paragraph>
+          <Paragraph size="large">{action.description}</Paragraph>
 
           <Heading level="2">Inputs</Heading>
           {action.inputs ? (