chrisryn/requestarr
1
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

chore(eslint): add react/self-closing-comp (#2563)

Browse Source
This commit is contained in:
Pierre Spring
2026-02-23 22:58:46 +01:00
committed by GitHub
parent 947f70c3d7
commit cd8b386bf8
16 changed files with 33 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.eslintrc.js
View File

@@ -45,8 +45,10 @@ module.exports = {
overrides: [ overrides: [
{ {
files: ['**/*.tsx'], files: ['**/*.tsx'],
plugins: ['react'],
rules: { rules: {
'react/prop-types': 'off', 'react/prop-types': 'off',
'react/self-closing-comp': 'error',
}, },
}, },
], ],

4
src/components/Common/SlideCheckbox/index.tsx
View File

@@ -24,13 +24,13 @@ const SlideCheckbox = ({ onClick, checked = false }: SlideCheckboxProps) => {
className={`${ className={`${
checked ? 'bg-indigo-500' : 'bg-gray-700' checked ? 'bg-indigo-500' : 'bg-gray-700'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
checked ? 'translate-x-5' : 'translate-x-0' checked ? 'translate-x-5' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
); );
}; };

2
src/components/Discover/CreateSlider/index.tsx
View File

@@ -508,7 +508,7 @@ const CreateSlider = ({ onCreate, slider }: CreateSliderProps) => {
typeof errors.data === 'string' && ( typeof errors.data === 'string' && (
<div className="error">{errors.data}</div> <div className="error">{errors.data}</div>
)} )}
<div className="flex-1"></div> <div className="flex-1" />
{resultCount === 0 ? ( {resultCount === 0 ? (
<Tooltip content={intl.formatMessage(messages.needresults)}> <Tooltip content={intl.formatMessage(messages.needresults)}>
<div> <div>

2
src/components/GenreCard/index.tsx
View File

@@ -58,7 +58,7 @@ const GenreCardPlaceholder = () => {
return ( return (
<div <div
className={`relative h-32 w-56 animate-pulse rounded-xl bg-gray-700 sm:h-40 sm:w-72`} className={`relative h-32 w-56 animate-pulse rounded-xl bg-gray-700 sm:h-40 sm:w-72`}
></div> />
); );
}; };

2
src/components/Layout/Sidebar/index.tsx
View File

@@ -163,7 +163,7 @@ const Sidebar = ({
leaveTo="opacity-0" leaveTo="opacity-0"
> >
<div className="fixed inset-0"> <div className="fixed inset-0">
<div className="absolute inset-0 bg-gray-900 opacity-90"></div> <div className="absolute inset-0 bg-gray-900 opacity-90" />
</div> </div>
</Transition.Child> </Transition.Child>
<Transition.Child <Transition.Child

2
src/components/Login/JellyfinLogin.tsx
View File

@@ -154,7 +154,7 @@ const JellyfinLogin: React.FC<JellyfinLoginProps> = ({
{errors.password && touched.password && ( {errors.password && touched.password && (
<div className="error">{errors.password}</div> <div className="error">{errors.password}</div>
)} )}
<div className="flex-grow"></div> <div className="flex-grow" />
{baseUrl && ( {baseUrl && (
<a <a
href={ href={

2
src/components/Login/LocalLogin.tsx
View File

@@ -120,7 +120,7 @@ const LocalLogin = ({ revalidate }: LocalLoginProps) => {
typeof errors.password === 'string' && ( typeof errors.password === 'string' && (
<div className="error">{errors.password}</div> <div className="error">{errors.password}</div>
)} )}
<div className="flex-grow"></div> <div className="flex-grow" />
{passwordResetEnabled && ( {passwordResetEnabled && (
<Link <Link
href="/resetpassword" href="/resetpassword"

4
src/components/Login/index.tsx
View File

@@ -241,11 +241,11 @@ const Login = () => {
{additionalLoginOptions.length > 0 && {additionalLoginOptions.length > 0 &&
(loginFormVisible ? ( (loginFormVisible ? (
<div className="flex items-center py-5"> <div className="flex items-center py-5">
<div className="flex-grow border-t border-gray-600"></div> <div className="flex-grow border-t border-gray-600" />
<span className="mx-2 flex-shrink text-sm text-gray-400"> <span className="mx-2 flex-shrink text-sm text-gray-400">
{intl.formatMessage(messages.orsigninwith)} {intl.formatMessage(messages.orsigninwith)}
</span> </span>
<div className="flex-grow border-t border-gray-600"></div> <div className="flex-grow border-t border-gray-600" />
</div> </div>
) : ( ) : (
<h2 className="mb-6 text-center text-lg font-bold text-neutral-200"> <h2 className="mb-6 text-center text-lg font-bold text-neutral-200">

8
src/components/RequestModal/CollectionRequestModal.tsx
View File

@@ -340,13 +340,13 @@ const CollectionRequestModal = ({
className={`${ className={`${
isAllParts() ? 'bg-indigo-500' : 'bg-gray-800' isAllParts() ? 'bg-indigo-500' : 'bg-gray-800'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
isAllParts() ? 'translate-x-5' : 'translate-x-0' isAllParts() ? 'translate-x-5' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
</th> </th>
<th className="bg-gray-700 bg-opacity-80 px-1 py-3 text-left text-xs font-medium uppercase leading-4 tracking-wider text-gray-200 md:px-6"> <th className="bg-gray-700 bg-opacity-80 px-1 py-3 text-left text-xs font-medium uppercase leading-4 tracking-wider text-gray-200 md:px-6">
@@ -423,7 +423,7 @@ const CollectionRequestModal = ({
? 'bg-indigo-500' ? 'bg-indigo-500'
: 'bg-gray-700' : 'bg-gray-700'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
@@ -435,7 +435,7 @@ const CollectionRequestModal = ({
? 'translate-x-5' ? 'translate-x-5'
: 'translate-x-0' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
</td> </td>
<td <td

8
src/components/RequestModal/TvRequestModal.tsx
View File

@@ -557,13 +557,13 @@ const TvRequestModal = ({
className={`${ className={`${
isAllSeasons() ? 'bg-indigo-500' : 'bg-gray-800' isAllSeasons() ? 'bg-indigo-500' : 'bg-gray-800'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
isAllSeasons() ? 'translate-x-5' : 'translate-x-0' isAllSeasons() ? 'translate-x-5' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
</th> </th>
<th className="bg-gray-700 bg-opacity-80 px-1 py-3 text-left text-xs font-medium uppercase leading-4 tracking-wider text-gray-200 md:px-6"> <th className="bg-gray-700 bg-opacity-80 px-1 py-3 text-left text-xs font-medium uppercase leading-4 tracking-wider text-gray-200 md:px-6">
@@ -649,7 +649,7 @@ const TvRequestModal = ({
? 'bg-indigo-500' ? 'bg-indigo-500'
: 'bg-gray-700' : 'bg-gray-700'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
@@ -662,7 +662,7 @@ const TvRequestModal = ({
? 'translate-x-5' ? 'translate-x-5'
: 'translate-x-0' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
</td> </td>
<td className="whitespace-nowrap px-1 py-4 text-sm font-medium leading-5 text-gray-100 md:px-6"> <td className="whitespace-nowrap px-1 py-4 text-sm font-medium leading-5 text-gray-100 md:px-6">

6
src/components/Settings/SettingsJobsCache/index.tsx
View File

@@ -495,7 +495,7 @@ const SettingsJobs = () => {
<Table.TH>{intl.formatMessage(messages.jobname)}</Table.TH> <Table.TH>{intl.formatMessage(messages.jobname)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.jobtype)}</Table.TH> <Table.TH>{intl.formatMessage(messages.jobtype)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.nextexecution)}</Table.TH> <Table.TH>{intl.formatMessage(messages.nextexecution)}</Table.TH>
<Table.TH></Table.TH> <Table.TH />
</tr> </tr>
</thead> </thead>
<Table.TBody> <Table.TBody>
@@ -578,7 +578,7 @@ const SettingsJobs = () => {
<Table.TH>{intl.formatMessage(messages.cachekeys)}</Table.TH> <Table.TH>{intl.formatMessage(messages.cachekeys)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.cacheksize)}</Table.TH> <Table.TH>{intl.formatMessage(messages.cacheksize)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.cachevsize)}</Table.TH> <Table.TH>{intl.formatMessage(messages.cachevsize)}</Table.TH>
<Table.TH></Table.TH> <Table.TH />
</tr> </tr>
</thead> </thead>
<Table.TBody> <Table.TBody>
@@ -639,7 +639,7 @@ const SettingsJobs = () => {
<Table.TH> <Table.TH>
{intl.formatMessage(messages.dnscacheage)} {intl.formatMessage(messages.dnscacheage)}
</Table.TH> </Table.TH>
<Table.TH></Table.TH> <Table.TH />
</tr> </tr>
</thead> </thead>
<Table.TBody> <Table.TBody>

2
src/components/Settings/SettingsLogs/index.tsx
View File

@@ -314,7 +314,7 @@ const SettingsLogs = () => {
<Table.TH>{intl.formatMessage(messages.level)}</Table.TH> <Table.TH>{intl.formatMessage(messages.level)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.label)}</Table.TH> <Table.TH>{intl.formatMessage(messages.label)}</Table.TH>
<Table.TH>{intl.formatMessage(messages.message)}</Table.TH> <Table.TH>{intl.formatMessage(messages.message)}</Table.TH>
<Table.TH></Table.TH> <Table.TH />
</tr> </tr>
</thead> </thead>
<Table.TBody> <Table.TBody>

8
src/components/UserList/JellyfinImportModal.tsx
View File

@@ -186,13 +186,13 @@ const JellyfinImportModal: React.FC<JellyfinImportProps> = ({
className={`${ className={`${
isAllUsers() ? 'bg-indigo-500' : 'bg-gray-800' isAllUsers() ? 'bg-indigo-500' : 'bg-gray-800'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
isAllUsers() ? 'translate-x-5' : 'translate-x-0' isAllUsers() ? 'translate-x-5' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 transform rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 transform rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
</th> </th>
<th className="bg-gray-500 px-1 py-3 text-left text-xs font-medium uppercase leading-4 tracking-wider text-gray-200 md:px-6"> <th className="bg-gray-500 px-1 py-3 text-left text-xs font-medium uppercase leading-4 tracking-wider text-gray-200 md:px-6">
@@ -230,7 +230,7 @@ const JellyfinImportModal: React.FC<JellyfinImportProps> = ({
? 'bg-indigo-500' ? 'bg-indigo-500'
: 'bg-gray-800' : 'bg-gray-800'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
@@ -238,7 +238,7 @@ const JellyfinImportModal: React.FC<JellyfinImportProps> = ({
? 'translate-x-5' ? 'translate-x-5'
: 'translate-x-0' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 transform rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 transform rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
</td> </td>
<td className="whitespace-nowrap px-1 py-4 text-sm font-medium leading-5 text-gray-100 md:px-6"> <td className="whitespace-nowrap px-1 py-4 text-sm font-medium leading-5 text-gray-100 md:px-6">

8
src/components/UserList/PlexImportModal.tsx
View File

@@ -152,13 +152,13 @@ const PlexImportModal = ({ onCancel, onComplete }: PlexImportProps) => {
className={`${ className={`${
isAllUsers() ? 'bg-indigo-500' : 'bg-gray-800' isAllUsers() ? 'bg-indigo-500' : 'bg-gray-800'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
isAllUsers() ? 'translate-x-5' : 'translate-x-0' isAllUsers() ? 'translate-x-5' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
</th> </th>
<th className="bg-gray-500 px-1 py-3 text-left text-xs font-medium uppercase leading-4 tracking-wider text-gray-200 md:px-6"> <th className="bg-gray-500 px-1 py-3 text-left text-xs font-medium uppercase leading-4 tracking-wider text-gray-200 md:px-6">
@@ -189,7 +189,7 @@ const PlexImportModal = ({ onCancel, onComplete }: PlexImportProps) => {
? 'bg-indigo-500' ? 'bg-indigo-500'
: 'bg-gray-800' : 'bg-gray-800'
} absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`} } absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out`}
></span> />
<span <span
aria-hidden="true" aria-hidden="true"
className={`${ className={`${
@@ -197,7 +197,7 @@ const PlexImportModal = ({ onCancel, onComplete }: PlexImportProps) => {
? 'translate-x-5' ? 'translate-x-5'
: 'translate-x-0' : 'translate-x-0'
} absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`} } absolute left-0 inline-block h-5 w-5 rounded-full border border-gray-200 bg-white shadow transition-transform duration-200 ease-in-out group-focus:border-blue-300 group-focus:ring`}
></span> />
</span> </span>
</td> </td>
<td className="whitespace-nowrap px-1 py-4 text-sm font-medium leading-5 text-gray-100 md:px-6"> <td className="whitespace-nowrap px-1 py-4 text-sm font-medium leading-5 text-gray-100 md:px-6">

2
src/components/UserProfile/ProfileHeader/index.tsx
View File

@@ -53,7 +53,7 @@ const ProfileHeader = ({ user, isSettingsPage }: ProfileHeaderProps) => {
<span <span
className="absolute inset-0 rounded-full shadow-inner" className="absolute inset-0 rounded-full shadow-inner"
aria-hidden="true" aria-hidden="true"
></span> />
</div> </div>
</div> </div>
<div className="pt-1.5"> <div className="pt-1.5">

2
src/pages/_app.tsx
View File

@@ -206,7 +206,7 @@ const CoreApp: Omit<NextAppComponentType, 'origGetInitialProps'> = ({
<meta <meta
name="viewport" name="viewport"
content="initial-scale=1, viewport-fit=cover, width=device-width" content="initial-scale=1, viewport-fit=cover, width=device-width"
></meta> />
<PWAHeader <PWAHeader
applicationTitle={currentSettings.applicationTitle} applicationTitle={currentSettings.applicationTitle}
/> />