Refactor "Content From" part

Author: kuzdogan

docs/1. intro.mdx

@@ -9,7 +9,5 @@ const branch = "master";
 const readmePath = "/README.md";
 const rawBaseUrl = "https://raw.githubusercontent.com";
 const pageBaseUrl = "https://github.com";
-export const ReadmeLink = () => (<a href={`${pageBaseUrl}/${repo}/tree/${branch}${readmePath}`}>{repo + readmePath}</a>);
 
-*Content from <ReadmeLink/>*
 <EmbedReadme repo={repo} branch={branch} readmePath={readmePath} rawBaseUrl={rawBaseUrl} pageBaseUrl={pageBaseUrl}/>

docs/2. Running Sourcify/1-Server.mdx

@@ -9,7 +9,5 @@ const branch = "master"
 const readmePath = "/services/server/README.md";
 const rawBaseUrl = "https://raw.githubusercontent.com";
 const pageBaseUrl = "https://github.com";
-export const ReadmeLink = () => (<a href={`${pageBaseUrl}/${repo}/tree/${branch}${readmePath}`}>{repo + readmePath}</a>);
 
-*Content from <ReadmeLink/>*
 <EmbedReadme repo={repo} branch={branch} readmePath={readmePath} rawBaseUrl={rawBaseUrl} pageBaseUrl={pageBaseUrl}/>

docs/2. Running Sourcify/2-UI.mdx

@@ -9,7 +9,5 @@ const branch = "master";
 const readmePath = "/README.md";
 const rawBaseUrl = "https://raw.githubusercontent.com";
 const pageBaseUrl = "https://github.com";
-export const ReadmeLink = () => (<a href={`${pageBaseUrl}/${repo}/tree/${branch}${readmePath}`}>{repo + readmePath}</a>);
 
-*Content from <ReadmeLink/>*
 <EmbedReadme repo={repo} branch={branch} readmePath={readmePath} rawBaseUrl={rawBaseUrl} pageBaseUrl={pageBaseUrl}/>

docs/2. Running Sourcify/3-Monitor.mdx

@@ -9,7 +9,5 @@ const branch = "master";
 const readmePath = "/services/monitor/README.md";
 const rawBaseUrl = "https://raw.githubusercontent.com";
 const pageBaseUrl = "https://github.com";
-export const ReadmeLink = () => (<a href={`${pageBaseUrl}/${repo}/tree/${branch}${readmePath}`}>{repo + readmePath}</a>);
 
-*Content from <ReadmeLink/>*
 <EmbedReadme repo={repo} branch={branch} readmePath={readmePath} rawBaseUrl={rawBaseUrl} pageBaseUrl={pageBaseUrl}/>

docs/EmbedReadme.js

@@ -35,8 +35,15 @@ export default function EmbedReadme({ repo, branch, readmePath, rawBaseUrl, page
       });
   }, []);
 
-  console.log(rawBaseUrl);
-
   if (!content) return "Loading from " + rawBaseUrl + readmePath + "...";
-  return <div dangerouslySetInnerHTML={{ __html: content }} />;
+  return (
+    <div>
+      <div>
+        <i>
+          Content from <a href={`${pageBaseUrl}/${repo}/tree/${branch}${readmePath}`}>{repo + readmePath}</a>
+        </i>
+      </div>
+      <div dangerouslySetInnerHTML={{ __html: content }} />{" "}
+    </div>
+  );
 }