mirror of
https://github.com/sct/overseerr.git
synced 2025-09-17 17:24:35 +02:00
feat(login component/route): add: Login Component and Route
This commit is contained in:
29
src/components/Login/index.tsx
Normal file
29
src/components/Login/index.tsx
Normal file
@@ -0,0 +1,29 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import PlexLoginButton from '../PlexLoginButton';
|
||||||
|
|
||||||
|
const Login: React.FC = () => {
|
||||||
|
return (
|
||||||
|
<div className="w-full">
|
||||||
|
<form className="bg-white shadow-md rounded px-8 pt-6 pb-8 mb-4">
|
||||||
|
<div className="flex justify-center text-gray-900 font-bold text-xl mb-2">
|
||||||
|
Overseerr
|
||||||
|
</div>
|
||||||
|
<div className="flex justify-center text-gray-900 text-sm pb-6 mb-2">
|
||||||
|
would like to sign in to your Plex account
|
||||||
|
</div>
|
||||||
|
<div className="flex items-center justify-center">
|
||||||
|
<PlexLoginButton
|
||||||
|
onAuthToken={(authToken) =>
|
||||||
|
console.log(`auth token is: ${authToken}`)
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
<p className="text-center text-gray-500 text-xs">
|
||||||
|
©2020 Overseerr. All rights reserved.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default Login;
|
13
src/pages/login.tsx
Normal file
13
src/pages/login.tsx
Normal file
@@ -0,0 +1,13 @@
|
|||||||
|
import React from 'react';
|
||||||
|
import { NextPage } from 'next';
|
||||||
|
import Login from '../components/Login';
|
||||||
|
|
||||||
|
const LoginPage: NextPage = () => {
|
||||||
|
return (
|
||||||
|
<div className="w-full">
|
||||||
|
<Login />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
export default LoginPage;
|
Reference in New Issue
Block a user