mirror of
https://github.com/MODSetter/SurfSense.git
synced 2026-05-25 19:15:18 +02:00
Merge pull request #960 from LikiosSedo/fix/stable-keys-pricing
fix: replace `key={index}` with stable keys in pricing component
This commit is contained in:
commit
c7cd3c6a9d
1 changed files with 4 additions and 4 deletions
|
|
@ -101,9 +101,9 @@ export function Pricing({
|
||||||
plans.length === 2 ? "md:grid-cols-2 max-w-5xl mx-auto" : "md:grid-cols-3"
|
plans.length === 2 ? "md:grid-cols-2 max-w-5xl mx-auto" : "md:grid-cols-3"
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
{plans.map((plan, index) => (
|
{plans.map((plan) => (
|
||||||
<motion.div
|
<motion.div
|
||||||
key={index}
|
key={plan.name}
|
||||||
initial={{ y: 50, opacity: 1 }}
|
initial={{ y: 50, opacity: 1 }}
|
||||||
whileInView={
|
whileInView={
|
||||||
isDesktop
|
isDesktop
|
||||||
|
|
@ -193,8 +193,8 @@ export function Pricing({
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<ul className="mt-5 gap-2 flex flex-col">
|
<ul className="mt-5 gap-2 flex flex-col">
|
||||||
{plan.features.map((feature, idx) => (
|
{plan.features.map((feature) => (
|
||||||
<li key={idx} className="flex items-start gap-2">
|
<li key={feature} className="flex items-start gap-2">
|
||||||
<Check className="h-4 w-4 text-primary mt-1 flex-shrink-0" />
|
<Check className="h-4 w-4 text-primary mt-1 flex-shrink-0" />
|
||||||
<span className="text-left">{feature}</span>
|
<span className="text-left">{feature}</span>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue