Skip to content

Commit aa0f2d6

Browse files
sonylomosonylomo
committed
fix: lint error
1 parent 98601ff commit aa0f2d6

File tree

4 files changed

+134
-131
lines changed

4 files changed

+134
-131
lines changed

‎src/components/admin/GeneralInfo.jsx

Lines changed: 41 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -111,52 +111,50 @@ function GeneralInfo({ theNext, setCollectedChapter }) {
111111
</span>
112112
)}
113113
</div>
114-
{/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
115-
<div
116-
className="w-full pl-4 py-2 mt-4 border-dashed border-2 border-gray-300 rounded-tl rounded-tr justify-start items-center inline-flex"
117-
onClick={(e) => handleUploadImageClick(e, "banner")}
118-
onKeyDown={(e) => handleUploadImageKeyDown(e, "banner")}
119-
tabIndex="0"
120-
role="button"
121-
>
122-
<Controller
123-
name="banner"
124-
control={control}
125-
render={({ field }) => (
126-
<>
127-
<input
128-
type="file"
129-
id="banner"
130-
{...field}
131-
accept=".png,.jpg,.jpeg,.jfif"
132-
onChange={(e) => {
133-
field.onChange(e);
134-
handleImageChange(e);
135-
}}
136-
style={{ display: "none" }}
137-
/>
138-
<div className="grow shrink basis-0 h-[87px] flex-col justify-center items-center gap-2 inline-flex">
114+
115+
<Controller
116+
name="banner"
117+
control={control}
118+
render={({ field }) => (
119+
<div
120+
className="w-full pl-4 py-2 mt-4 border-dashed border-2 border-gray-300 rounded-tl rounded-tr justify-start items-center inline-flex"
121+
onClick={(e) => handleUploadImageClick(e, "banner")}
122+
onKeyDown={(e) => handleUploadImageKeyDown(e, "banner")}
123+
tabIndex="0"
124+
role="button"
125+
>
126+
<input
127+
type="file"
128+
id="banner"
129+
{...field}
130+
accept=".png,.jpg,.jpeg,.jfif"
131+
onChange={(e) => {
132+
field.onChange(e);
133+
handleImageChange(e);
134+
}}
135+
style={{ display: "none" }}
136+
/>
137+
<div className="grow shrink basis-0 h-[87px] flex-col justify-center items-center gap-2 inline-flex">
138+
<div className="justify-start items-center inline-flex">
139+
<div className="text-zinc-700 text-base font-normal">
140+
Upload Chapter&apos;s Banner
141+
</div>
142+
</div>
143+
{banner ? (
144+
<div className="mt-4 rounded">
145+
<p>{banner.name}</p>
146+
</div>
147+
) : (
139148
<div className="justify-start items-center inline-flex">
140-
<div className="text-zinc-700 text-base font-normal">
141-
Upload Chapter&apos;s Banner
149+
<div className="text-zinc-700 text-xs font-normal leading-[18px] tracking-tight">
150+
PNG, JPG, JFIF
142151
</div>
143152
</div>
144-
{banner ? (
145-
<div className="mt-4 rounded">
146-
<p>{banner.name}</p>
147-
</div>
148-
) : (
149-
<div className="justify-start items-center inline-flex">
150-
<div className="text-zinc-700 text-xs font-normal leading-[18px] tracking-tight">
151-
PNG, JPG, JFIF
152-
</div>
153-
</div>
154-
)}
155-
</div>
156-
</>
157-
)}
158-
/>
159-
</div>
153+
)}
154+
</div>
155+
</div>
156+
)}
157+
/>
160158
{errors.banner && (
161159
<span className="text-xs text-red-500">
162160
{errors.banner.message}

‎src/components/admin/Organizers.jsx

Lines changed: 48 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -118,52 +118,57 @@ function Organizers({ thePrevious, collectedChapter, formComplete }) {
118118
</span>
119119
)}
120120
</div>
121-
{/* eslint-disable-next-line jsx-a11y/control-has-associated-label, jsx-a11y/click-events-have-key-events */}
122-
<div
123-
className="w-full pl-4 py-2 mt-4 border-dashed border-2 border-gray-300 rounded-tl rounded-tr justify-start items-center inline-flex"
124-
tabIndex="0"
125-
role="button"
126-
onClick={() =>
127-
document.getElementById(`organizers.${index}.image`).click()
128-
}
129-
>
130-
<Controller
131-
name={`organizers.${index}.image`}
132-
control={control}
133-
render={({ field }) => (
134-
<>
135-
<input
136-
type="file"
137-
id={`organizers.${index}.image`}
138-
accept=".png,.jpg,.jpeg,.jfif"
139-
style={{ display: "none" }}
140-
onChange={(e) => {
141-
field.onChange(e);
142-
handleImageChange(e, index);
143-
}}
144-
/>
145-
<div className="grow shrink basis-0 h-[87px] flex-col justify-center items-center gap-2 inline-flex">
121+
122+
<Controller
123+
name={`organizers.${index}.image`}
124+
control={control}
125+
render={({ field }) => (
126+
<div
127+
className="w-full pl-4 py-2 mt-4 border-dashed border-2 border-gray-300 rounded-tl rounded-tr justify-start items-center inline-flex"
128+
tabIndex="0"
129+
role="button"
130+
onClick={() =>
131+
document
132+
.getElementById(`organizers.${index}.image`)
133+
.click()
134+
}
135+
onKeyDown={() =>
136+
document
137+
.getElementById(`organizers.${index}.image`)
138+
.click()
139+
}
140+
>
141+
<input
142+
type="file"
143+
id={`organizers.${index}.image`}
144+
accept=".png,.jpg,.jpeg,.jfif"
145+
style={{ display: "none" }}
146+
onChange={(e) => {
147+
field.onChange(e);
148+
handleImageChange(e, index);
149+
}}
150+
/>
151+
<div className="grow shrink basis-0 h-[87px] flex-col justify-center items-center gap-2 inline-flex">
152+
<div className="justify-start items-center inline-flex">
153+
<div className="text-zinc-700 text-base font-normal">
154+
Upload Organizer’s Image
155+
</div>
156+
</div>
157+
{fileNames && fileNames[`organizer${index}`] ? (
158+
<div className="mt-4 rounded">
159+
<p>{fileNames[`organizer${index}`]}</p>
160+
</div>
161+
) : (
146162
<div className="justify-start items-center inline-flex">
147-
<div className="text-zinc-700 text-base font-normal">
148-
Upload Organizer’s Image
163+
<div className="text-zinc-700 text-xs font-normal leading-[18px] tracking-tight">
164+
PNG, JPG, JFIF
149165
</div>
150166
</div>
151-
{fileNames && fileNames[`organizer${index}`] ? (
152-
<div className="mt-4 rounded">
153-
<p>{fileNames[`organizer${index}`]}</p>
154-
</div>
155-
) : (
156-
<div className="justify-start items-center inline-flex">
157-
<div className="text-zinc-700 text-xs font-normal leading-[18px] tracking-tight">
158-
PNG, JPG, JFIF
159-
</div>
160-
</div>
161-
)}
162-
</div>
163-
</>
164-
)}
165-
/>
166-
</div>
167+
)}
168+
</div>
169+
</div>
170+
)}
171+
/>
167172
{errors.organizers && (
168173
<span className="text-xs text-red-500">
169174
{errors.organizers[index]?.image?.message || ""}

‎src/components/admin/shop/inventory/Modal.jsx

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
/* eslint-disable jsx-a11y/control-has-associated-label */
21
/* eslint-disable react/jsx-props-no-spreading */
32
/* eslint-disable jsx-a11y/label-has-associated-control */
43
import { yupResolver } from "@hookform/resolvers/yup";
@@ -78,7 +77,11 @@ export default function Modal({ showModal, onClose }) {
7877
<h3 className="text-xl font-poppins font-medium text-[#353535]">
7978
Add Item
8079
</h3>
81-
<button type="button" onClick={onClose}>
80+
<button
81+
type="button"
82+
onClick={onClose}
83+
aria-label="Close"
84+
>
8285
<IoMdClose className="size-10 text-[#353535]" />
8386
</button>
8487
</div>

‎src/pages/admin/events/AddEventPage.jsx

Lines changed: 40 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -507,52 +507,49 @@ function AddEventPage() {
507507
)}
508508
</div>
509509
</div>
510-
{/* eslint-disable-next-line jsx-a11y/control-has-associated-label */}
511-
<div
512-
className="w-full pl-4 py-2 mt-4 border-dashed border-2 border-gray-300 rounded-tl rounded-tr justify-start items-center inline-flex"
513-
onClick={(e) => handleUploadImageClick(e, "poster")}
514-
onKeyDown={(e) => handleUploadImageClick(e, "poster")}
515-
tabIndex="0"
516-
role="button"
517-
>
518-
<Controller
519-
name="poster"
520-
control={control}
521-
render={({ field }) => (
522-
<>
523-
<input
524-
type="file"
525-
id="poster"
526-
{...field}
527-
accept=".png,.jpg,.jpeg,.jfif"
528-
onChange={(e) => {
529-
field.onChange(e);
530-
setPoster(e.target.files[0]);
531-
}}
532-
style={{ display: "none" }}
533-
/>
534-
<div className="grow shrink basis-0 h-[87px] flex-col justify-center items-center gap-2 inline-flex">
510+
<Controller
511+
name="poster"
512+
control={control}
513+
render={({ field }) => (
514+
<div
515+
className="w-full pl-4 py-2 mt-4 border-dashed border-2 border-gray-300 rounded-tl rounded-tr justify-start items-center inline-flex"
516+
onClick={(e) => handleUploadImageClick(e, "poster")}
517+
onKeyDown={(e) => handleUploadImageClick(e, "poster")}
518+
tabIndex="0"
519+
role="button"
520+
>
521+
<input
522+
type="file"
523+
id="poster"
524+
{...field}
525+
accept=".png,.jpg,.jpeg,.jfif"
526+
onChange={(e) => {
527+
field.onChange(e);
528+
setPoster(e.target.files[0]);
529+
}}
530+
style={{ display: "none" }}
531+
/>
532+
<div className="grow shrink basis-0 h-[87px] flex-col justify-center items-center gap-2 inline-flex">
533+
<div className="justify-start items-center inline-flex">
534+
<div className="text-zinc-700 text-base font-normal">
535+
Upload Event Poster
536+
</div>
537+
</div>
538+
{poster ? (
539+
<div className="mt-4 rounded">
540+
<p>{poster.name}</p>
541+
</div>
542+
) : (
535543
<div className="justify-start items-center inline-flex">
536-
<div className="text-zinc-700 text-base font-normal">
537-
Upload Event Poster
544+
<div className="text-zinc-700 text-xs font-normal leading-[18px] tracking-tight">
545+
PNG, JPG, JFIF
538546
</div>
539547
</div>
540-
{poster ? (
541-
<div className="mt-4 rounded">
542-
<p>{poster.name}</p>
543-
</div>
544-
) : (
545-
<div className="justify-start items-center inline-flex">
546-
<div className="text-zinc-700 text-xs font-normal leading-[18px] tracking-tight">
547-
PNG, JPG, JFIF
548-
</div>
549-
</div>
550-
)}
551-
</div>
552-
</>
553-
)}
554-
/>
555-
</div>
548+
)}
549+
</div>
550+
</div>
551+
)}
552+
/>
556553
{errors.poster && (
557554
<span className="text-xs text-red-500 mt-1">
558555
{errors.poster.message}

0 commit comments

Comments
 (0)