shpaq/sct-overseerr
1
0
Fork 0
mirror of https://github.com/sct/overseerr.git synced 2025-09-17 17:24:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(components/plexloginbutton): added PlexLoginButton

Browse Source
This commit is contained in:
sct
2020-08-18 14:42:42 +00:00
parent 7423121a75
commit 0abf743b17
3 changed files with 51 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/plextest.tsx
View File

@@ -1,36 +1,12 @@
import React, { useState } from 'react';
import { NextPage } from 'next';
import PlexOAuth from '../utils/plex';
const plexOAuth = new PlexOAuth();
import PlexLoginButton from '../components/PlexLoginButton';
const PlexText: NextPage = () => {
const [loading, setLoading] = useState<boolean>(false);
const [authToken, setAuthToken] = useState<string>('');
const getPlexLogin = async () => {
setLoading(true);
try {
const authToken = await plexOAuth.login();
setAuthToken(authToken);
setLoading(false);
} catch (e) {
console.log(e.message);
setLoading(false);
}
};
return (
<div>
<span className="inline-flex rounded-md shadow-sm">
<button
type="button"
onClick={() => getPlexLogin()}
disabled={loading}
className="inline-flex items-center px-6 py-3 border border-transparent text-base leading-6 font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-500 focus:outline-none focus:border-indigo-700 focus:shadow-outline-indigo active:bg-indigo-700 transition ease-in-out duration-150"
>
{loading ? 'Loading...' : 'Plex Login'}
</button>
</span>
<PlexLoginButton onAuthToken={(authToken) => setAuthToken(authToken)} />
<div className="mt-4">Auth Token: {authToken}</div>
</div>
);