Removed all linting error

NalinDalal · NalinDalal · commit 1c54c676b3ef · 2025-03-09T17:01:33.000+05:30
diff --git a/components/CommunityEvents.tsx b/components/CommunityEvents.tsx
@@ -28,7 +28,7 @@ const CommunityEvents = () => {
       </div>
       <div className='mt-10'>
         {!events || events.length === 0 ? (
-          <div className='flex content-center justify-center'>
+          <div className='flex place-content-center'>
             <Paragraph typeStyle={ParagraphTypeStyle.md} className='mx-auto mt-5 max-w-2xl'>
               No Events. Check back later!
             </Paragraph>
diff --git a/components/icons/Slack.tsx b/components/icons/Slack.tsx
@@ -8,22 +8,22 @@ export default function IconSlack({ className = '' }) {
   return (
     <svg
       className={className}
-      stroke="currentColor"
-      fill="none"
-      viewBox="0 0 30 30"
-      width="30px"
-      height="30px"
-      strokeWidth="2"
-      xmlns="http://www.w3.org/2000/svg"
+      stroke='currentColor'
+      fill='none'
+      viewBox='0 0 30 30'
+      width='30px'
+      height='30px'
+      strokeWidth='2'
+      xmlns='http://www.w3.org/2000/svg'
     >
-      <path d="M11.5 3A2.5 2.5 0 0 0 9 5.5a2.5 2.5 0 0 0 2.5 2.5H14V5.5A2.5 2.5 0 0 0 11.5 3Z" />
-      <path d="M17.5 3A2.5 2.5 0 0 0 15 5.5v6a2.5 2.5 0 0 0 5 0v-6A2.5 2.5 0 0 0 17.5 3Z" />
-      <path d="M5.5 9A2.5 2.5 0 0 0 3 11.5a2.5 2.5 0 0 0 2.5 2.5h6a2.5 2.5 0 0 0 0-5h-6Z" />
-      <path d="M23.5 9A2.5 2.5 0 0 0 21 11.5V14h2.5a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 23.5 9Z" />
-      <path d="M5.5 15A2.5 2.5 0 0 0 3 17.5a2.5 2.5 0 0 0 2.5 2.5A2.5 2.5 0 0 0 8 17.5V15H5.5Z" />
-      <path d="M11.5 15A2.5 2.5 0 0 0 9 17.5v6a2.5 2.5 0 0 0 5 0v-6A2.5 2.5 0 0 0 11.5 15Z" />
-      <path d="M17.5 15A2.5 2.5 0 0 0 15 17.5a2.5 2.5 0 0 0 2.5 2.5h6a2.5 2.5 0 0 0 0-5h-6Z" />
-      <path d="M15 21v2.5a2.5 2.5 0 0 0 5 0 2.5 2.5 0 0 0-2.5-2.5H15Z" />
+      <path d='M11.5 3A2.5 2.5 0 0 0 9 5.5a2.5 2.5 0 0 0 2.5 2.5H14V5.5A2.5 2.5 0 0 0 11.5 3Z' />
+      <path d='M17.5 3A2.5 2.5 0 0 0 15 5.5v6a2.5 2.5 0 0 0 5 0v-6A2.5 2.5 0 0 0 17.5 3Z' />
+      <path d='M5.5 9A2.5 2.5 0 0 0 3 11.5a2.5 2.5 0 0 0 2.5 2.5h6a2.5 2.5 0 0 0 0-5h-6Z' />
+      <path d='M23.5 9A2.5 2.5 0 0 0 21 11.5V14h2.5a2.5 2.5 0 0 0 2.5-2.5A2.5 2.5 0 0 0 23.5 9Z' />
+      <path d='M5.5 15A2.5 2.5 0 0 0 3 17.5a2.5 2.5 0 0 0 2.5 2.5A2.5 2.5 0 0 0 8 17.5V15H5.5Z' />
+      <path d='M11.5 15A2.5 2.5 0 0 0 9 17.5v6a2.5 2.5 0 0 0 5 0v-6A2.5 2.5 0 0 0 11.5 15Z' />
+      <path d='M17.5 15A2.5 2.5 0 0 0 15 17.5a2.5 2.5 0 0 0 2.5 2.5h6a2.5 2.5 0 0 0 0-5h-6Z' />
+      <path d='M15 21v2.5a2.5 2.5 0 0 0 5 0 2.5 2.5 0 0 0-2.5-2.5H15Z' />
     </svg>
   );
 }
diff --git a/pages/casestudies/index.tsx b/pages/casestudies/index.tsx
@@ -27,118 +27,88 @@ interface Adopter {
  * @description Renders the Case Studies page.
  */
 export default function Casestudies() {
-  const description: string =
-    'Learn about different case studies based on AsyncAPI spec and related tools.';
+  const description: string = 'Learn about different case studies based on AsyncAPI spec and related tools.';
   const image: string = '/img/social/case-studies.webp';
   const title: string = 'Case Studies';
 
   return (
     <GenericLayout title={title} description={description} image={image} wide>
       <div
-        className="relative py-10 px-4 mx-auto max-w-xl sm:px-6 lg:px-8 lg:max-w-screen-xl"
-        data-testid="CaseStudy-main"
+        className='relative mx-auto max-w-xl px-4 py-10 sm:px-6 lg:max-w-screen-xl lg:px-8'
+        data-testid='CaseStudy-main'
       >
-        <div className="grid lg:grid-cols-9 lg:gap-8 lg:text-center">
-          <div className="col-span-5 col-start-3">
+        <div className='grid lg:grid-cols-9 lg:gap-8 lg:text-center'>
+          <div className='col-span-5 col-start-3'>
             <Heading level={HeadingLevel.h1} typeStyle={HeadingTypeStyle.lg}>
               {title}
             </Heading>
-            <Paragraph
-              typeStyle={ParagraphTypeStyle.md}
-              className="my-4 max-w-4xl"
-            >
-              The best way to learn how to use AsyncAPI is not only through
-              documentation that usually is focused on recommendations and best
-              practices. It is also good to confront with real-life case studies
-              that explain how people really use AsyncAPI and what are their
-              flows.
+            <Paragraph typeStyle={ParagraphTypeStyle.md} className='my-4 max-w-4xl'>
+              The best way to learn how to use AsyncAPI is not only through documentation that usually is focused on
+              recommendations and best practices. It is also good to confront with real-life case studies that explain
+              how people really use AsyncAPI and what are their flows.
             </Paragraph>
-            <Paragraph
-              typeStyle={ParagraphTypeStyle.md}
-              className="my-4 max-w-4xl"
-            >
-              Feel free to submit your case study. We have a template for you.
-              For more details
-              <TextLink
-                href="https://github.com/asyncapi/website/blob/master/README.md#case-studies"
-                target="_blank"
-              >
+            <Paragraph typeStyle={ParagraphTypeStyle.md} className='my-4 max-w-4xl'>
+              Feel free to submit your case study. We have a template for you. For more details
+              <TextLink href='https://github.com/asyncapi/website/blob/master/README.md#case-studies' target='_blank'>
                 read our FAQ
               </TextLink>
               .
             </Paragraph>
           </div>
         </div>
-        <div data-testid="CaseStudy-card">
+        <div data-testid='CaseStudy-card'>
           <CaseStudyCard
             studies={CaseStudiesList as ICaseStudies}
-            className="p-4 bg-white rounded-lg border border-gray-200 shadow-md transition-transform hover:shadow-lg hover:scale-105"
+            className='rounded-lg border border-gray-200 bg-white p-4 shadow-md transition-transform hover:scale-105 hover:shadow-lg'
           />
         </div>
 
-        <div className="adopters">
-          <div className="grid mt-8 lg:grid-cols-9 lg:gap-8 lg:text-center">
-            <div className="col-span-5 col-start-3">
+        <div className='adopters'>
+          <div className='mt-8 grid lg:grid-cols-9 lg:gap-8 lg:text-center'>
+            <div className='col-span-5 col-start-3'>
               <Heading level={HeadingLevel.h1} typeStyle={HeadingTypeStyle.lg}>
                 Adopters
               </Heading>
-              <Paragraph
-                typeStyle={ParagraphTypeStyle.md}
-                className="my-4 max-w-4xl"
-              >
-                Check out how different companies use AsyncAPI and what problems
-                they solve.
+              <Paragraph typeStyle={ParagraphTypeStyle.md} className='my-4 max-w-4xl'>
+                Check out how different companies use AsyncAPI and what problems they solve.
               </Paragraph>
-              <Paragraph
-                typeStyle={ParagraphTypeStyle.md}
-                className="my-4 max-w-4xl"
-              >
+              <Paragraph typeStyle={ParagraphTypeStyle.md} className='my-4 max-w-4xl'>
                 Feel free to{' '}
-                <a
-                  className="underline"
-                  href="https://github.com/asyncapi/website/blob/master/config/adopters.yml"
-                >
+                <a className='underline' href='https://github.com/asyncapi/website/blob/master/config/adopters.yml'>
                   submit a pull request
                 </a>{' '}
-                with information about how your company uses AsyncAPI. We know
-                that writing an official case study might be time consuming and
-                requires too much internal paper work. Let&apos;s make sure we
-                can at least capture a use case that is already a great learning
-                information for the community.
+                with information about how your company uses AsyncAPI. We know that writing an official case study might
+                be time consuming and requires too much internal paper work. Let&apos;s make sure we can at least
+                capture a use case that is already a great learning information for the community.
               </Paragraph>
             </div>
           </div>
         </div>
 
         <center>
-          <div className="overflow-x-auto">
-            <table className="my-8 w-full max-w-full border border-collapse">
+          <div className='overflow-x-auto'>
+            <table className='my-8 w-full max-w-full border-collapse border'>
               <thead>
                 <tr>
-                  <th className="p-2 font-bold border">Company name</th>
-                  <th className="p-2 font-bold border-2">Use Case</th>
-                  <th className="p-2 font-bold border-2">Resources</th>
+                  <th className='border p-2 font-bold'>Company name</th>
+                  <th className='border-2 p-2 font-bold'>Use Case</th>
+                  <th className='border-2 p-2 font-bold'>Resources</th>
                 </tr>
               </thead>
               <tbody>
                 {AdoptersList.map((entry: Adopter, index: number) => (
-                  <tr key={index} data-testid="Adopters">
-                    <td className="p-2 border-2">{entry.companyName}</td>
-                    <td className="p-2 border-2">{entry.useCase}</td>
-                    <td className="p-2 border-2">
+                  <tr key={index} data-testid='Adopters'>
+                    <td className='border-2 p-2'>{entry.companyName}</td>
+                    <td className='border-2 p-2'>{entry.useCase}</td>
+                    <td className='border-2 p-2'>
                       <ul>
-                        {entry.resources.map(
-                          (resource: Resource, resourceIndex: number) => (
-                            <li className="p-2" key={resourceIndex}>
-                              <a
-                                className="text-cyan-500 underline"
-                                href={resource.link}
-                              >
-                                {resource.title}
-                              </a>
-                            </li>
-                          ),
-                        )}
+                        {entry.resources.map((resource: Resource, resourceIndex: number) => (
+                          <li className='p-2' key={resourceIndex}>
+                            <a className='text-cyan-500 underline' href={resource.link}>
+                              {resource.title}
+                            </a>
+                          </li>
+                        ))}
                       </ul>
                     </td>
                   </tr>
diff --git a/pages/community/index.tsx b/pages/community/index.tsx
@@ -1,97 +1,86 @@
-import type moment from 'moment';
 import React from 'react';
 
 import { CardType } from '@/types/components/community/CardPropsType';
-import { HeadingLevel, HeadingTypeStyle } from '@/types/typography/Heading';
 
 import Card from '../../components/community/Card';
 import Header from '../../components/community/Header';
 import Hero from '../../components/community/Hero';
 import HomeCards from '../../components/community/HomeCard';
 import GenericLayout from '../../components/layout/GenericLayout';
 import NewsletterSubscribe from '../../components/NewsletterSubscribe';
-import Heading from '../../components/typography/Heading';
-import eventsData from '../../config/meetings.json';
-import { getEvents } from '../../utils/staticHelpers';
-
-interface Event {
-  title: string;
-  date: moment.Moment;
-  url: string;
-}
 
+/**
+ * @description This component displays the Community Index Page.
+ */
 export default function CommunityIndexPage() {
   const image = '/img/social/community.webp';
 
   return (
     <GenericLayout
-      title="AsyncAPI Community"
-      description="Join 10k+ developers, designers, and technical writers from all over the world."
+      title='AsyncAPI Community'
+      description='Join 10k+ developers, designers, and technical writers from all over the world.'
       image={image}
       wide
     >
-      <div className="md:hidden mt-15">
+      <div className='mt-15 md:hidden'>
         <Header />
       </div>
       <Hero />
 
       {/* AsyncAPI Slack Section */}
-      <div className="relative mt-16 size-full">
+      <div className='relative mt-16 size-full'>
         <HomeCards
-          headline="Join the Community"
-          title="AsyncAPI Slack"
-          description="AsyncAPI’s incredible community spans over 83 countries, where developers, designers, and technical writers collaborate and mentor others."
-          btnText="Join AsyncAPI Slack"
-          link="https://asyncapi.com/slack-invite"
-          className="bg-channelCover"
+          headline='Join the Community'
+          title='AsyncAPI Slack'
+          description='AsyncAPI’s incredible community spans over 83 countries, where developers, designers, and technical writers collaborate and mentor others.'
+          btnText='Join AsyncAPI Slack'
+          link='https://asyncapi.com/slack-invite'
+          className='bg-channelCover'
         />
       </div>
 
       {/* Community Goals Section */}
-      <div className="flex flex-col justify-center mt-20 sm:flex-row">
+      <div className='mt-20 flex flex-col justify-center sm:flex-row'>
         <Card
           type={CardType.SMALL}
-          tagline="Goals"
-          icon="🎯"
-          heading="2024 AsyncAPI Community Goals"
-          description="See what we’ve achieved so far and what’s next for the community."
-          bg="bg-white"
-          link="https://github.com/orgs/asyncapi/discussions/948"
+          tagline='Goals'
+          icon='🎯'
+          heading='2024 AsyncAPI Community Goals'
+          description='See what we’ve achieved so far and what’s next for the community.'
+          bg='bg-white'
+          link='https://github.com/orgs/asyncapi/discussions/948'
         />
       </div>
 
       {/* TSC Members Section */}
-      <div className="flex justify-center mt-10">
+      <div className='mt-10 flex justify-center'>
         <Card
           type={CardType.SMALL}
-          tagline="TSC"
-          icon="🚀"
-          heading="Meet the TSC Members"
-          description="Get to know the people redefining AsyncAPI’s future."
-          bg="bg-white"
-          link="/community/tsc"
+          tagline='TSC'
+          icon='🚀'
+          heading='Meet the TSC Members'
+          description='Get to know the people redefining AsyncAPI’s future.'
+          bg='bg-white'
+          link='/community/tsc'
         />
       </div>
 
       {/* Finance Section */}
-      <div className="flex justify-center mt-10">
-        <div className="p-8 m-5 w-full max-w-6xl bg-gray-100 rounded-lg shadow-md">
+      <div className='mt-10 flex justify-center'>
+        <div className='m-5 w-full max-w-6xl rounded-lg bg-gray-100 p-8 shadow-md'>
           <Card
             type={CardType.SMALL}
-            tagline="Finance"
-            icon="💰"
-            heading="Track Initiative Spending"
-            description="See our budget breakdown and financial transparency report."
-            bg="bg-white"
-            link="/finance"
+            tagline='Finance'
+            icon='💰'
+            heading='Track Initiative Spending'
+            description='See our budget breakdown and financial transparency report.'
+            bg='bg-white'
+            link='/finance'
           />
         </div>
       </div>
 
-      <div
-        className="py-12 mt-8 rounded-lg md:mt-20 bg-dark"
-        data-testid="CommunityCard-subscribe"
-      >
+      <div className='mt-8 rounded-lg bg-dark py-12 md:mt-20' data-testid='CommunityCard-subscribe'>
         <NewsletterSubscribe dark />
       </div>
     </GenericLayout>
