chore(eslint): added new eslint rule (for jsx)

This commit is contained in:
JellyBrick
2025-09-06 04:51:31 +09:00
parent 4d83bd587d
commit 10384b6c4c
26 changed files with 177 additions and 166 deletions

View File

@ -45,7 +45,6 @@ export const ErrorDisplay = (props: ErrorDisplayProps) => {
</pre>
<yt-button-renderer
onClick={() => retrySearch(lyricsStore.provider, getSongInfo())}
data={{
icon: { iconType: 'REFRESH' },
isDisabled: false,
@ -54,6 +53,7 @@ export const ErrorDisplay = (props: ErrorDisplayProps) => {
simpleText: t('plugins.synced-lyrics.refetch-btn.normal')
},
}}
onClick={() => retrySearch(lyricsStore.provider, getSongInfo())}
style={{
'margin-top': '1em',
'width': '100%'

View File

@ -132,11 +132,11 @@ export const LyricsPicker = (props: {
>
<svg
class="style-scope yt-icon"
fill="#FFFFFF"
height={'40px'}
preserveAspectRatio="xMidYMid meet"
viewBox="0 -960 960 960"
height={'40px'}
width={'40px'}
fill="#FFFFFF"
>
<g class="style-scope yt-icon">
<path
@ -156,10 +156,10 @@ export const LyricsPicker = (props: {
{(provider) => (
<div
class="lyrics-picker-item"
tabindex="-1"
style={{
transform: `translateX(${providerIdx() * -100 - 5}%)`,
}}
tabindex="-1"
>
<Switch>
<Match
@ -170,16 +170,16 @@ export const LyricsPicker = (props: {
>
<tp-yt-paper-spinner-lite
active
tabindex="-1"
class="loading-indicator style-scope"
style={{ padding: '5px', transform: 'scale(0.5)' }}
tabindex="-1"
/>
</Match>
<Match when={currentLyrics().state === 'error'}>
<yt-icon-button
icon={errorIcon}
tabindex="-1"
style={{ padding: '5px', transform: 'scale(0.5)' }}
tabindex="-1"
/>
</Match>
<Match
@ -191,8 +191,8 @@ export const LyricsPicker = (props: {
>
<yt-icon-button
icon={successIcon}
tabindex="-1"
style={{ padding: '5px', transform: 'scale(0.5)' }}
tabindex="-1"
/>
</Match>
<Match
@ -204,8 +204,8 @@ export const LyricsPicker = (props: {
>
<yt-icon-button
icon={notFoundIcon}
tabindex="-1"
style={{ padding: '5px', transform: 'scale(0.5)' }}
tabindex="-1"
/>
</Match>
</Switch>
@ -252,11 +252,11 @@ export const LyricsPicker = (props: {
>
<svg
class="style-scope yt-icon"
fill="#FFFFFF"
height={'40px'}
preserveAspectRatio="xMidYMid meet"
viewBox="0 -960 960 960"
height={'40px'}
width={'40px'}
fill="#FFFFFF"
>
<g class="style-scope yt-icon">
<path

View File

@ -39,7 +39,6 @@ export const SyncedLine = (props: SyncedLineProps) => {
return (
<Show
when={text()}
fallback={
<yt-formatted-string
text={{
@ -47,6 +46,7 @@ export const SyncedLine = (props: SyncedLineProps) => {
}}
/>
}
when={text()}
>
<div
class={`synced-line ${props.status}`}
@ -54,7 +54,7 @@ export const SyncedLine = (props: SyncedLineProps) => {
_ytAPI?.seekTo((props.line.timeInMs + 10) / 1000);
}}
>
<div dir="auto" class="description ytmusic-description-shelf-renderer">
<div class="description ytmusic-description-shelf-renderer" dir="auto">
<yt-formatted-string
text={{
runs: [