feat: added link to YT video to TSC page (#1141)

Co-authored-by: Akshat Nema <[email protected]>
asyncapi · Dec 6, 2022 · 32e0178 · 32e0178
1 parent b465ef9
commit 32e0178
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 3 deletions.
diff --git 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({
         </>
     )
 
-}
+}
diff --git 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>
   );
 }