From 17d0a7e52cc40f92066a5fc126b1af44bc764b6b Mon Sep 17 00:00:00 2001
From: Lukasz Gornicki <lpgornicki@gmail.com>
Date: Wed, 9 Nov 2022 10:01:41 +0100
Subject: [PATCH] fix: enable ids in list of features from landing page (#1087)

Co-authored-by: Alejandra Quetzalli <alejandra.olvera.novack@gmail.com>
---
 components/features/index.jsx     | 2 +-
 components/typography/TextLink.js | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/features/index.jsx b/components/features/index.jsx
index b9be127a4a2b..f6c2627ebc9d 100644
--- a/components/features/index.jsx
+++ b/components/features/index.jsx
@@ -90,7 +90,7 @@ export default function Features() {
                   {feature.links.map((link) => {
                     return (
                       <Link href={link.href} key={link.label}>
-                        <TextLink href={link.href} className="mt-6 inline-block">
+                        <TextLink id={link.id} href={link.href} className="mt-6 inline-block">
                           {link.label}
                         </TextLink>
                       </Link>
diff --git a/components/typography/TextLink.js b/components/typography/TextLink.js
index cc8d819fc7f3..08882de387ab 100644
--- a/components/typography/TextLink.js
+++ b/components/typography/TextLink.js
@@ -3,7 +3,8 @@ export default function TextLink({
     href,
     className,
     target,
-    children
+    children,
+    id
 }) {
 
     const classNames = `text-secondary-500 underline hover:text-gray-800 font-medium transition ease-in-out duration-300 ${className || ''}`
@@ -12,7 +13,7 @@ export default function TextLink({
         <>
             {' '}
             <Link href={href}>
-                <a target={target} rel="noreferrer noopener" className={classNames}>
+                <a id={id} target={target} rel="noreferrer noopener" className={classNames}>
                     {children}
                 </a>
             </Link>