Fix links on readme

BrunoQuaresma · BrunoQuaresma · commit 792ee737c3ee · 2022-05-26T15:55:35.000Z
diff --git a/site/src/pages/TemplatePage/TemplatePageView.tsx b/site/src/pages/TemplatePage/TemplatePageView.tsx
@@ -62,7 +62,17 @@ export const TemplatePageView: React.FC<TemplatePageViewProps> = ({
         </WorkspaceSection>
         <WorkspaceSection title="README" contentsProps={{ className: styles.readmeContents }}>
           <div className={styles.markdownWrapper}>
-            <ReactMarkdown>{activeTemplateVersion.readme}</ReactMarkdown>
+            <ReactMarkdown
+              components={{
+                a: ({ href, target, children }) => (
+                  <Link href={href} target={target}>
+                    {children}
+                  </Link>
+                ),
+              }}
+            >
+              {activeTemplateVersion.readme}
+            </ReactMarkdown>
           </div>
         </WorkspaceSection>
       </Stack>
diff --git a/site/src/testHelpers/entities.ts b/site/src/testHelpers/entities.ts
@@ -88,7 +88,7 @@ export const MockTemplateVersion: TypesGen.TemplateVersion = {
   updated_at: "",
   job: MockProvisionerJob,
   name: "test-version",
-  readme: "## Instructions\nYou can add instructions here",
+  readme: "## Instructions\nYou can add instructions here\n\n[Some link info](https://coder.com)",
 }
 
 export const MockTemplate: TypesGen.Template = {

Original file line number	Diff line number	Diff line change
`@@ -88,7 +88,7 @@ export const MockTemplateVersion: TypesGen.TemplateVersion = {`
`88`	`88`	`updated_at: "",`
`89`	`89`	`job: MockProvisionerJob,`
`90`	`90`	`name: "test-version",`
`91`		`- readme: "## Instructions\nYou can add instructions here",`
	`91`	`+ readme: "## Instructions\nYou can add instructions here\n\n[Some link info](https://coder.com)",`
`92`	`92`	`}`
`93`	`93`
`94`	`94`	`export const MockTemplate: TypesGen.Template = {`