Skip to content

Commit f0078f9

Browse files
shairezshairez
committed
style: fix linting
1 parent f1032ee commit f0078f9

File tree

9 files changed

+26
-27
lines changed

9 files changed

+26
-27
lines changed

‎apps/website/src/components/selectTheme/selectTheme.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { $, component$, useContext, useId, useSignal } from '@builder.io/qwik';
1+
import { $, component$, useContext, useSignal } from '@builder.io/qwik';
22
import { useLocation } from '@builder.io/qwik-city';
33
import { OLD_APP_STATE_CONTEXT_ID } from '../../constants';
44
import { ThemeIcon } from '../icons/ThemeIcon';
@@ -29,7 +29,7 @@ export const SelectTheme = component$(() => {
2929
<div class="absolute w-40 right-10 z-10 bg-white dark:bg-slate-800 outline-base-content rounded-lg outline">
3030
{themes.map((theme) => (
3131
<div
32-
key={useId()}
32+
key={theme}
3333
class="flex pl-3"
3434
onClick$={$(() => {
3535
openThemeSignal.value = false;

‎apps/website/src/routes/docs/headless/(components)/carousel/example-netflix.tsx

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,6 @@ import {
22
$,
33
QwikIntrinsicElements,
44
component$,
5-
useId,
65
useSignal,
76
useStylesScoped$,
87
} from '@builder.io/qwik';
@@ -28,7 +27,7 @@ const media = {
2827

2928
export const ExampleNetflix = component$(() => {
3029
const { scopeId } = useStylesScoped$(styles);
31-
const items = useSignal([...new Array(10)]);
30+
const items = useSignal([...new Array(10).fill(1).map((_, i) => i + 1)]);
3231
const carousel = useCarousel({ loop: false, transition: 350, startAt: 3 });
3332

3433
return (
@@ -42,9 +41,9 @@ export const ExampleNetflix = component$(() => {
4241

4342
<Root use={carousel}>
4443
<Items class={[scopeId, 'qui-carousel']}>
45-
{items.value.map((_, i) => (
44+
{items.value.map((value, i) => (
4645
<Item
47-
key={useId()}
46+
key={value}
4847
index={i}
4948
label={media.title}
5049
class={[scopeId, 'carousel__card']}

‎apps/website/src/routes/docs/headless/(components)/carousel/index.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { component$, useId, useStylesScoped$ } from '@builder.io/qwik';
1+
import { component$, useStylesScoped$ } from '@builder.io/qwik';
22
import { Carousel, useCarousel } from '@qwik-ui/headless';
33
import { ExampleNetflix } from './example-netflix';
44
import styles from './carousel.css?inline';
@@ -31,24 +31,24 @@ export default component$(() => {
3131
<nav style="display: flex; gap: .5em">
3232
<strong>Pages:</strong>
3333
{carousel.pages.ranges.value.map(([first], i) => (
34-
<button key={useId()} onClick$={() => carousel.items.scrollAt(first)}>
34+
<button key={first} onClick$={() => carousel.items.scrollAt(first)}>
3535
{i + 1}
3636
</button>
3737
))}
3838
</nav>
3939
<nav style="display: flex; gap: .5em">
4040
<strong>Items:</strong>
41-
{Array.from({ length: 8 }).map((_, i) => (
42-
<button key={useId()} onClick$={() => carousel.items.scrollAt(i)}>
41+
{Array.from({ length: 8 }, (_, i) => i).map((value, i) => (
42+
<button key={value} onClick$={() => carousel.items.scrollAt(i)}>
4343
{i + 1}
4444
</button>
4545
))}
4646
</nav>
4747
<Root use={carousel}>
4848
<Items style="gap: 3em;">
49-
{Array.from({ length: 8 }).map((_, i) => (
49+
{Array.from({ length: 8 }, (_, i) => i).map((value, i) => (
5050
<Item
51-
key={useId()}
51+
key={value}
5252
index={i}
5353
label={`Image ${i}`}
5454
class={[scopeId, 'item']}

‎apps/website/src/routes/docs/headless/(components)/select/examples.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Slot, component$, useId } from '@builder.io/qwik';
1+
import { Slot, component$ } from '@builder.io/qwik';
22
import {
33
SelectRoot,
44
SelectLabel,
@@ -47,7 +47,7 @@ export const Example01 = component$(() => {
4747
].map((option) => {
4848
return (
4949
<SelectOption
50-
key={useId()}
50+
key={option.value}
5151
value={option.value}
5252
disabled={option.disabled}
5353
class="aria-disabled:text-red-500 aria-disabled:cursor-not-allowed hover:bg-slate-300 dark:hover:bg-gray-600 p-4"

‎apps/website/src/routes/docs/headless/(components)/select/index.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -47,7 +47,7 @@ import { APITable } from '../../../../../components/api-table/api-table';
4747
].map((option) => {
4848
return (
4949
<SelectOption
50-
key={useId()}
50+
key={option.value}
5151
value={option.value}
5252
disabled={option.disabled}
5353
class="aria-disabled:text-red-500 aria-disabled:cursor-not-allowed hover:bg-slate-300 dark:hover:bg-gray-600 p-4"

‎apps/website/src/routes/docs/tailwind/(components)/select/index.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { component$, useId, useStyles$ } from '@builder.io/qwik';
1+
import { component$, useStyles$ } from '@builder.io/qwik';
22
import {
33
SelectGroup,
44
SelectLabel,
@@ -37,7 +37,7 @@ export default component$(() => {
3737
].map((option) => {
3838
return (
3939
<SelectOption
40-
key={useId()}
40+
key={option.value}
4141
value={option.value}
4242
disabled={option.disabled}
4343
class="px-1 leading-loose hover:bg-gray-300"

‎packages/kit-headless/src/components/action-button/action-button.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { JSXChildren, useId } from '@builder.io/qwik';
1+
import { JSXChildren } from '@builder.io/qwik';
22
import { type ActionStore, Form } from '@builder.io/qwik-city';
33
import { QwikIntrinsicElements } from '@builder.io/qwik';
44

@@ -18,7 +18,7 @@ export const ActionButton = ({
1818
<Form action={action}>
1919
{params &&
2020
Object.keys(params).map((key) => (
21-
<input key={useId()} type="hidden" name={key} value={params[key]} />
21+
<input key={key} type="hidden" name={key} value={params[key]} />
2222
))}
2323
<button {...props}>{children}</button>
2424
</Form>

‎packages/kit-headless/src/components/rating/rating.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,11 +35,11 @@ export const Rating = component$((props: RatingProps) => {
3535
});
3636
return (
3737
<span class="wrapper">
38-
{new Array(total).fill('').map((item, i) => {
38+
{Array.from({ length: total }, (_, index) => index).map((item, i) => {
3939
const Icon = props.icon || DefaultIcon;
4040
return (
4141
<RatingIcon
42-
key={useId()}
42+
key={item}
4343
name={`rating-${uniqueId}`}
4444
index={i}
4545
onChange$={() => onItemClick$(i)}

‎temporary/docs/carousel/index.tsx

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { component$, useId, useStylesScoped$ } from '@builder.io/qwik';
1+
import { component$, useStylesScoped$ } from '@builder.io/qwik';
22
import { Carousel, useCarousel } from '@qwik-ui/headless';
33
import { ExampleNetflix } from './example-netflix';
44
import styles from './carousel.css?inline';
@@ -31,24 +31,24 @@ export default component$(() => {
3131
<nav style="display: flex; gap: .5em">
3232
<strong>Pages:</strong>
3333
{carousel.pages.ranges.value.map(([first], i) => (
34-
<button key={useId()} onClick$={() => carousel.items.scrollAt(first)}>
34+
<button key={first} onClick$={() => carousel.items.scrollAt(first)}>
3535
{i + 1}
3636
</button>
3737
))}
3838
</nav>
3939
<nav style="display: flex; gap: .5em">
4040
<strong>Items:</strong>
41-
{Array.from({ length: 8 }).map((_, i) => (
42-
<button key={useId()} onClick$={() => carousel.items.scrollAt(i)}>
41+
{Array.from({ length: 8 }, (_, i) => i).map((value, i) => (
42+
<button key={value} onClick$={() => carousel.items.scrollAt(i)}>
4343
{i + 1}
4444
</button>
4545
))}
4646
</nav>
4747
<Root use={carousel}>
4848
<Items style="gap: 3em;">
49-
{Array.from({ length: 8 }).map((_, i) => (
49+
{Array.from({ length: 8 }, (_, index) => index).map((value, i) => (
5050
<Item
51-
key={useId()}
51+
key={value}
5252
index={i}
5353
label={`Image ${i}`}
5454
class={[scopeId, 'item']}

0 commit comments

Comments
 (0)