|
|
@ -12,6 +12,7 @@ import Badge from '../Common/Badge';
|
|
|
|
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
|
|
|
|
import { defineMessages, FormattedMessage, useIntl } from 'react-intl';
|
|
|
|
import * as Yup from 'yup';
|
|
|
|
import * as Yup from 'yup';
|
|
|
|
import Alert from '../Common/Alert';
|
|
|
|
import Alert from '../Common/Alert';
|
|
|
|
|
|
|
|
import Spinner from '../../assets/spinner.svg';
|
|
|
|
|
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
const messages = defineMessages({
|
|
|
|
plexsettings: 'Plex Settings',
|
|
|
|
plexsettings: 'Plex Settings',
|
|
|
@ -437,20 +438,22 @@ const SettingsPlex: React.FC<SettingsPlexProps> = ({ onComplete }) => {
|
|
|
|
}}
|
|
|
|
}}
|
|
|
|
className="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-gray-500 rounded-r-md hover:bg-indigo-500 focus:outline-none focus:ring-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700"
|
|
|
|
className="relative inline-flex items-center px-4 py-2 -ml-px text-sm font-medium leading-5 text-white transition duration-150 ease-in-out bg-indigo-600 border border-gray-500 rounded-r-md hover:bg-indigo-500 focus:outline-none focus:ring-blue focus:border-blue-300 active:bg-gray-100 active:text-gray-700"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<svg
|
|
|
|
{isRefreshingPresets ? (
|
|
|
|
className={`w-5 h-5 ${
|
|
|
|
<Spinner className="w-5 h-5" />
|
|
|
|
isRefreshingPresets ? 'animate-spin' : ''
|
|
|
|
) : (
|
|
|
|
}`}
|
|
|
|
<svg
|
|
|
|
fill="currentColor"
|
|
|
|
className="w-5 h-5"
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
fill="currentColor"
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
viewBox="0 0 20 20"
|
|
|
|
>
|
|
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
|
|
<path
|
|
|
|
>
|
|
|
|
fillRule="evenodd"
|
|
|
|
<path
|
|
|
|
d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z"
|
|
|
|
fillRule="evenodd"
|
|
|
|
clipRule="evenodd"
|
|
|
|
d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z"
|
|
|
|
/>
|
|
|
|
clipRule="evenodd"
|
|
|
|
</svg>
|
|
|
|
/>
|
|
|
|
|
|
|
|
</svg>
|
|
|
|
|
|
|
|
)}
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|