From f5ff2a082386bab60391f2adbba505a98caaf0e8 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 9 May 2023 15:25:31 +0100
Subject: [PATCH] Add contribution url to topic detail popup

---
 src/components/TopicDetail/TopicDetail.tsx | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/components/TopicDetail/TopicDetail.tsx b/src/components/TopicDetail/TopicDetail.tsx
index 71d7b0718..da1f8b0ed 100644
--- a/src/components/TopicDetail/TopicDetail.tsx
+++ b/src/components/TopicDetail/TopicDetail.tsx
@@ -187,6 +187,9 @@ export function TopicDetail() {
     return null;
   }
 
+  const contributionDir = resourceType === 'roadmap' ? 'roadmaps' : 'best-practices';
+  const contributionUrl = `https://github.com/kamranahmedse/developer-roadmap/tree/master/src/data/${contributionDir}/${resourceId}/content`;
+
   return (
     <div>
       <div
@@ -307,6 +310,17 @@ export function TopicDetail() {
               className="prose prose-quoteless prose-h1:mb-2.5 prose-h1:mt-7 prose-h2:mb-3 prose-h2:mt-0 prose-h3:mb-[5px] prose-h3:mt-[10px] prose-p:mb-2 prose-p:mt-0 prose-blockquote:font-normal prose-blockquote:not-italic prose-blockquote:text-gray-700 prose-li:m-0 prose-li:mb-0.5"
               dangerouslySetInnerHTML={{ __html: topicHtml }}
             ></div>
+
+            <p
+              id="contrib-meta"
+              class="mt-10 border-t pt-3 text-sm text-gray-400 leading-relaxed"
+            >
+              Contribute links to learning resources about this topic{' '}
+              <a target="_blank" class="text-blue-700 underline" href={contributionUrl}>
+                on GitHub repository.
+              </a>
+              .
+            </p>
           </>
         )}
       </div>