From 32e0178c049598b628b057985c8ef1d0ade41ed5 Mon Sep 17 00:00:00 2001
From: Anurag Goswami <64116092+Anurag607@users.noreply.github.com>
Date: Tue, 6 Dec 2022 17:59:38 +0530
Subject: [PATCH] feat: added link to YT video to TSC page (#1141)

Co-authored-by: Akshat Nema <76521428+akshatnema@users.noreply.github.com>
---
 components/typography/TextLink.js |  5 +++--
 pages/community/tsc.js            | 15 ++++++++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/components/typography/TextLink.js b/components/typography/TextLink.js
index 08882de387ab..2810218811e8 100644
--- a/components/typography/TextLink.js
+++ b/components/typography/TextLink.js
@@ -1,4 +1,5 @@
 import Link from 'next/link'
+import { twMerge } from 'tailwind-merge'
 export default function TextLink({
     href,
     className,
@@ -7,7 +8,7 @@ export default function TextLink({
     id
 }) {
 
-    const classNames = `text-secondary-500 underline hover:text-gray-800 font-medium transition ease-in-out duration-300 ${className || ''}`
+    const classNames = twMerge(`text-secondary-500 underline hover:text-gray-800 font-medium transition ease-in-out duration-300 ${className || ''}`)
 
     return (
         <>
@@ -20,4 +21,4 @@ export default function TextLink({
         </>
     )
 
-}
\ No newline at end of file
+}
diff --git a/pages/community/tsc.js b/pages/community/tsc.js
index ad993e9ecbee..bc5012302b8a 100644
--- a/pages/community/tsc.js
+++ b/pages/community/tsc.js
@@ -2,6 +2,7 @@ import GenericLayout from "../../components/layout/GenericLayout";
 import TSCMembersList from "../../config/TSC_MEMBERS.json";
 import {sortBy} from 'lodash';
 import NewsletterSubscribe from "../../components/NewsletterSubscribe";
+import TextLink from '../../components/typography/TextLink';
 
 function addAdditionalUserInfo(user) {
   const userData = {
@@ -72,6 +73,11 @@ export default function TSC() {
               can also build a great AsyncAPI-based project that we don't have
               yet in our GitHub organization and donate it (we'll ask you to
               stay as a maintainer).
+              Follow this
+              <TextLink href="https://github.com/asyncapi/community/blob/master/TSC_MEMBERSHIP.md" target="_blank" className="text-base font-normal text-blue-500 hover:text-sky-400 no-underline">
+                Link
+              </TextLink>
+              &nbsp;to know more!
             </p>
           </div>
           <div>
@@ -225,7 +231,14 @@ function QuestionCard() {
         src="/img/avatars/questionmark.webp"
         className="mx-auto rounded-full h-20 w-20 xl:w-28 xl:h-28"
       />
-      <div className="my-4">Become a member!</div>
+      <div className="my-4">
+        Want to become a member?
+        Follow this
+        <TextLink href="https://github.com/asyncapi/community/blob/master/TSC_MEMBERSHIP.md" target="_blank" className="text-base font-normal text-sky-600 hover:text-sky-400 no-underline">
+          Link
+        </TextLink>
+        &nbsp;to know more!
+      </div>
     </li>
   );
 }