From 3e347c2a4be40b42ed67065a6097c3e45b4e925c Mon Sep 17 00:00:00 2001
From: akshatnema <akshatnema.school@gmail.com>
Date: Wed, 1 Nov 2023 19:59:33 +0530
Subject: [PATCH] Browser warnings and issues resolved

---
 components/AuthorAvatars.js             |  2 +-
 components/NewsletterSubscribe.js       |  4 ++--
 components/icons/Twitter.js             |  2 +-
 components/newsroom/FeaturedBlogPost.js | 18 ++++++++----------
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/components/AuthorAvatars.js b/components/AuthorAvatars.js
index 0ce49ba1fc42..d0b1c9ca970d 100644
--- a/components/AuthorAvatars.js
+++ b/components/AuthorAvatars.js
@@ -14,7 +14,7 @@ export default function AuthorAvatars({ authors = [] }) {
       );
 
       return author.link ? (
-        <a alt={author.name} href={author.link} data-testid="AuthorAvatars-link">
+        <a alt={author.name} key={index} href={author.link} data-testid="AuthorAvatars-link">
           {avatar}
         </a>
       ) : (
diff --git a/components/NewsletterSubscribe.js b/components/NewsletterSubscribe.js
index 8d3387d456f0..9077d7b81f93 100644
--- a/components/NewsletterSubscribe.js
+++ b/components/NewsletterSubscribe.js
@@ -32,8 +32,8 @@ export default function NewsletterSubscribe ({
       <form name="form 1" method="POST" className="md:flex" data-netlify="true">
         <input type="hidden" name="form-name" value="form 1" />
         <input type="hidden" name="type" value={type} />
-        <input type="text" name="name" placeholder={t('newsletterCTA.nameInput')} className="form-input block w-full sm:text-sm sm:leading-5 md:mr-2 md:mt-0 md:flex-1 rounded-md" required data-testid="NewsletterSubscribe-text-input"/>
-        <input type="email" name="email" placeholder={t('newsletterCTA.emailInput')} className="form-input block w-full mt-2 sm:text-sm sm:leading-5 md:mr-2 md:mt-0 md:flex-1 rounded-md" required data-testid="NewsletterSubscribe-email-input"/>
+        <input type="text" name="name" placeholder={t('newsletterCTA.nameInput')} className="form-input block w-full sm:text-sm sm:leading-5 md:mr-2 md:mt-0 md:flex-1 rounded-md" required autoComplete="true" data-testid="NewsletterSubscribe-text-input"/>
+        <input type="email" name="email" placeholder={t('newsletterCTA.emailInput')} className="form-input block w-full mt-2 sm:text-sm sm:leading-5 md:mr-2 md:mt-0 md:flex-1 rounded-md" required autoComplete="true" data-testid="NewsletterSubscribe-email-input"/>
         <Button type="submit" text={t('newsletterCTA.subscribeBtn')} className="w-full mt-2 md:mr-2 md:mt-0 md:flex-1" />
       </form>
     </div>
diff --git a/components/icons/Twitter.js b/components/icons/Twitter.js
index 15d860ef1010..4d5239856eaf 100644
--- a/components/icons/Twitter.js
+++ b/components/icons/Twitter.js
@@ -5,7 +5,7 @@ export default function IconTwitter({ className }) {
         fillRule="evenodd"
         d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"
         fill="currentColor"
-        clip-fillRule="evenodd" >
+        clip-fillrule="evenodd" >
         </path>
     </svg>
   )
diff --git a/components/newsroom/FeaturedBlogPost.js b/components/newsroom/FeaturedBlogPost.js
index 14492ba457c6..ad7de96f12de 100644
--- a/components/newsroom/FeaturedBlogPost.js
+++ b/components/newsroom/FeaturedBlogPost.js
@@ -35,16 +35,14 @@ export default function FeaturedBlogPost({ post, className = ''}) {
                       {post.type}
                     </span>
                   </Paragraph>
-                  <Link href={post.slug}>
-                    <a className="block" data-testid="FeaturedBlog-title">
-                      <Heading level="h3" typeStyle="heading-sm-semibold" className="mt-2">
-                        {post.title}
-                      </Heading>
-                      <Paragraph typeStyle="body-sm" className="mt-3">
-                        <TextTruncate element="span" line={2} text={post.excerpt} />
-                      </Paragraph>
-                    </a>
-                  </Link>
+                  <div>
+                    <Heading level="h3" typeStyle="heading-sm-semibold" className="mt-2">
+                      {post.title}
+                    </Heading>
+                    <Paragraph typeStyle="body-sm" className="mt-3">
+                      <TextTruncate element="span" line={2} text={post.excerpt} />
+                    </Paragraph>
+                  </div>
                 </div>
                 <div className="mt-6 flex items-center">
                   <div className="relative flex-shrink-0" data-testid="FeaturedBlog-Authorimg">