mirrors/jellyseerr
1
0
Fork 0
mirror of https://github.com/fallenbagel/jellyseerr.git synced 2026-01-03 13:18:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

chore(deps): update react to 18 (#2943)

Browse Source
This commit is contained in:
Ryan Cohen
2022-08-18 17:05:58 +09:00
committed by GitHub
parent 72d7a3477f
commit e5d8c93ab8
164 changed files with 982 additions and 915 deletions
Download Patch File Download Diff File Expand all files Collapse all files

100
src/components/Settings/SettingsPlex.tsx
View File

@@ -107,7 +107,7 @@ interface SettingsPlexProps {
onComplete?: () => void;
}
const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
const SettingsPlex = ({ onComplete }: SettingsPlexProps) => {
const [isSyncing, setIsSyncing] = useState(false);
const [isRefreshingPresets, setIsRefreshingPresets] = useState(false);
const [availableServers, setAvailableServers] = useState<PlexDevice[] | null>(
@@ -344,18 +344,16 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
<div className="section">
<Alert
title={intl.formatMessage(messages.settingUpPlexDescription, {
RegisterPlexTVLink: function RegisterPlexTVLink(msg) {
return (
<a
href="https://plex.tv"
className="text-white transition duration-300 hover:underline"
target="_blank"
rel="noreferrer"
>
{msg}
</a>
);
},
RegisterPlexTVLink: (msg: React.ReactNode) => (
<a
href="https://plex.tv"
className="text-white transition duration-300 hover:underline"
target="_blank"
rel="noreferrer"
>
{msg}
</a>
),
})}
type="info"
/>
@@ -517,9 +515,11 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
className="rounded-r-only"
/>
</div>
{errors.hostname && touched.hostname && (
<div className="error">{errors.hostname}</div>
)}
{errors.hostname &&
touched.hostname &&
typeof errors.hostname === 'string' && (
<div className="error">{errors.hostname}</div>
)}
</div>
</div>
<div className="form-row">
@@ -535,9 +535,11 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
name="port"
className="short"
/>
{errors.port && touched.port && (
<div className="error">{errors.port}</div>
)}
{errors.port &&
touched.port &&
typeof errors.port === 'string' && (
<div className="error">{errors.port}</div>
)}
</div>
</div>
<div className="form-row">
@@ -558,17 +560,15 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
<div className="form-row">
<label htmlFor="webAppUrl" className="text-label">
{intl.formatMessage(messages.webAppUrl, {
WebAppLink: function WebAppLink(msg) {
return (
<a
href="https://support.plex.tv/articles/200288666-opening-plex-web-app/"
target="_blank"
rel="noreferrer"
>
{msg}
</a>
);
},
WebAppLink: (msg: React.ReactNode) => (
<a
href="https://support.plex.tv/articles/200288666-opening-plex-web-app/"
target="_blank"
rel="noreferrer"
>
{msg}
</a>
),
})}
<Badge badgeType="danger" className="ml-2">
{intl.formatMessage(globalMessages.advanced)}
@@ -587,9 +587,11 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
placeholder="https://app.plex.tv/desktop"
/>
</div>
{errors.webAppUrl && touched.webAppUrl && (
<div className="error">{errors.webAppUrl}</div>
)}
{errors.webAppUrl &&
touched.webAppUrl &&
typeof errors.webAppUrl === 'string' && (
<div className="error">{errors.webAppUrl}</div>
)}
</div>
</div>
<div className="actions">
@@ -803,9 +805,11 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
className="rounded-r-only"
/>
</div>
{errors.tautulliHostname && touched.tautulliHostname && (
<div className="error">{errors.tautulliHostname}</div>
)}
{errors.tautulliHostname &&
touched.tautulliHostname &&
typeof errors.tautulliHostname === 'string' && (
<div className="error">{errors.tautulliHostname}</div>
)}
</div>
</div>
<div className="form-row">
@@ -821,9 +825,11 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
name="tautulliPort"
className="short"
/>
{errors.tautulliPort && touched.tautulliPort && (
<div className="error">{errors.tautulliPort}</div>
)}
{errors.tautulliPort &&
touched.tautulliPort &&
typeof errors.tautulliPort === 'string' && (
<div className="error">{errors.tautulliPort}</div>
)}
</div>
</div>
<div className="form-row">
@@ -857,9 +863,11 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
name="tautulliUrlBase"
/>
</div>
{errors.tautulliUrlBase && touched.tautulliUrlBase && (
<div className="error">{errors.tautulliUrlBase}</div>
)}
{errors.tautulliUrlBase &&
touched.tautulliUrlBase &&
typeof errors.tautulliUrlBase === 'string' && (
<div className="error">{errors.tautulliUrlBase}</div>
)}
</div>
</div>
<div className="form-row">
@@ -876,9 +884,11 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
autoComplete="one-time-code"
/>
</div>
{errors.tautulliApiKey && touched.tautulliApiKey && (
<div className="error">{errors.tautulliApiKey}</div>
)}
{errors.tautulliApiKey &&
touched.tautulliApiKey &&
typeof errors.tautulliApiKey === 'string' && (
<div className="error">{errors.tautulliApiKey}</div>
)}
</div>
</div>
<div className="form-row">