fix: implemented deepsource comments

basemind-ai · Jan 15, 2024 · 1c3a44e · 1c3a44e
1 parent 897e9c5
commit 1c3a44e
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 19 deletions.
diff --git a/frontend/src/components/static-site/benefits.tsx b/frontend/src/components/static-site/benefits.tsx
@@ -25,18 +25,12 @@ const HaloAnimation = () => {
 									y1="100%"
 									y2="0%"
 								>
-									<stop
-										offset="0%"
-										stopColor="#A855F7"
-									></stop>
+									<stop offset="0%" stopColor="#A855F7" />
 									<stop
 										offset="76.382%"
 										stopColor="#FAF5FF"
-									></stop>
-									<stop
-										offset="100%"
-										stopColor="#6366F1"
-									></stop>
+									/>
+									<stop offset="100%" stopColor="#6366F1" />
 								</linearGradient>
 							</defs>
 							<g
@@ -51,17 +45,17 @@ const HaloAnimation = () => {
 									fill="url(#pulse-a)"
 									fillRule="evenodd"
 									d="M240,0 C372.5484,0 480,107.4516 480,240 C480,372.5484 372.5484,480 240,480 C107.4516,480 0,372.5484 0,240 C0,107.4516 107.4516,0 240,0 Z M240,88.8 C156.4944,88.8 88.8,156.4944 88.8,240 C88.8,323.5056 156.4944,391.2 240,391.2 C323.5056,391.2 391.2,323.5056 391.2,240 C391.2,156.4944 323.5056,88.8 240,88.8 Z"
-								></path>
+								/>
 								<path
 									fill="url(#pulse-a)"
 									fillRule="evenodd"
 									d="M240,0 C372.5484,0 480,107.4516 480,240 C480,372.5484 372.5484,480 240,480 C107.4516,480 0,372.5484 0,240 C0,107.4516 107.4516,0 240,0 Z M240,88.8 C156.4944,88.8 88.8,156.4944 88.8,240 C88.8,323.5056 156.4944,391.2 240,391.2 C323.5056,391.2 391.2,323.5056 391.2,240 C391.2,156.4944 323.5056,88.8 240,88.8 Z"
-								></path>
+								/>
 								<path
 									fill="url(#pulse-a)"
 									fillRule="evenodd"
 									d="M240,0 C372.5484,0 480,107.4516 480,240 C480,372.5484 372.5484,480 240,480 C107.4516,480 0,372.5484 0,240 C0,107.4516 107.4516,0 240,0 Z M240,88.8 C156.4944,88.8 88.8,156.4944 88.8,240 C88.8,323.5056 156.4944,391.2 240,391.2 C323.5056,391.2 391.2,323.5056 391.2,240 C391.2,156.4944 323.5056,88.8 240,88.8 Z"
-								></path>
+								/>
 							</g>
 						</svg>
 					</>
@@ -83,12 +77,12 @@ const AnimatedGrid = () => {
 						<div className="grid grid-cols-8 gap-4 animate-slideUp">
 							{gridItems.map((_, itemIndex) => (
 								<div
-									key={itemIndex}
+									key={`${itemIndex}+${index}`}
 									className="w-full aspect-square bg-transparent border border-secondary"
-								></div>
+								/>
 							))}
 						</div>
-						<div className="h-4"></div>
+						<div className="h-4" />
 					</Fragment>
 				))}
 			</div>

diff --git a/frontend/src/components/static-site/faq-section.tsx b/frontend/src/components/static-site/faq-section.tsx
@@ -39,10 +39,10 @@ export function FAQSection() {
 					{t('faqTitle')}
 				</h2>
 				<div className="grid sm:grid-cols-2">
-					{faqs.map((faq, index) => (
+					{faqs.map((faq) => (
 						<details
 							className="border-b border-b-neutral"
-							key={index}
+							key={faq.question}
 						>
 							<summary className="collapse-title text-md font-normal text-neutral-content hover:text-base-content">
 								{faq.question}

diff --git a/frontend/src/components/static-site/features-section.tsx b/frontend/src/components/static-site/features-section.tsx
@@ -72,6 +72,7 @@ export function FeatureSection() {
 					<div className="grid grid-cols-4 place-items-center gap-12 md:gap-4 px-4 ">
 						{ModelsCardData.map(({ src, alt }) => (
 							<Image
+								key={alt}
 								width={Dimensions.Twelve}
 								height={Dimensions.Twelve}
 								src={src}

diff --git a/frontend/src/components/static-site/pricing-card.tsx b/frontend/src/components/static-site/pricing-card.tsx
@@ -46,9 +46,9 @@ export function PricingCard({
 			<div className=" bg-gradient-to-tr from-accent to-primary opacity-15 md:opacity-0 group-hover:opacity-20 right-0 pointer-events-none absolute aspect-square w-1/2  rounded-full blur-3xl transition duration-700 ease-in-out" />
 
 			<div className="flex flex-col">
-				{perks.map((perk, index: number) => (
+				{perks.map((perk) => (
 					<div
-						key={index}
+						key={perk.title}
 						className="flex items-center py-2 gap-1.5 self-stretch"
 					>
 						<perk.icon className="h-3 w-3 2xl:h-4 2xl:w-4" />