mirrors/oneuptime
1
0
Fork 0
mirror of https://github.com/OneUptime/oneuptime synced 2024-11-21 22:59:07 +00:00
Code Issues Packages Projects Releases Wiki Activity

remove sso page

Browse Source
This commit is contained in:
Simon Larsen 2023-03-08 20:12:29 +00:00
parent 96107e13b3
commit dac5f23a1e
No known key found for this signature in database
GPG Key ID: AB45983AA9C81CDE
3 changed files with 15 additions and 85 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
Accounts/src/App.tsx
View File

@ -8,7 +8,6 @@ import {
} from 'react-router-dom';
import LoginPage from './Pages/Login';
import NotFound from './Pages/NotFound';
import SsoLoginPage from './Pages/SsoLogin';
import ForgotPasswordPage from './Pages/ForgotPassword';
import RegisterPage from './Pages/Register';
import Navigation from 'CommonUI/src/Utils/Navigation';
@ -34,7 +33,6 @@ function App(): ReactElement {
element={<ResetPasswordPage />}
/>
<Route path="/accounts/register" element={<RegisterPage />} />
<Route path="/accounts/login/sso" element={<SsoLoginPage />} />
<Route
path="/accounts/verify-email/:token"
element={<VerifyEmail />}

19
Accounts/src/Pages/Login.tsx
View File

@ -1,4 +1,4 @@
import React, { FunctionComponent } from 'react';
import React, { FunctionComponent, useState } from 'react';
import User from 'Model/Models/User';
import Route from 'Common/Types/API/Route';
import FormFieldSchemaType from 'CommonUI/src/Components/Forms/Types/FormFieldSchemaType';
@ -20,6 +20,8 @@ const LoginPage: FunctionComponent = () => {
Navigation.navigate(DASHBOARD_URL);
}
const [showSsoTip, setShowSSOTip] = useState<boolean>(false);
return (
<div className="flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8">
<div className="sm:mx-auto sm:w-full sm:max-w-md">
@ -79,12 +81,21 @@ const LoginPage: FunctionComponent = () => {
footer={
<div className="actions pointer text-center mt-4 underline-on-hover fw-semibold">
<p>
<Link
to={new Route('/accounts/login/sso')}
{!showSsoTip && <div
onClick={()=>{
setShowSSOTip(true);
}}
className="text-indigo-500 hover:text-indigo-900 cursor-pointer text-sm"
>
Use single sign-on (SSO) instead
</Link>
</div>}
{showSsoTip && <div
className="text-gray-500 text-sm"
>
Please sign in with your username and password. Once you have signed in, you'll be able to sign in via SSO that's configured for your project.
</div>}
</p>
</div>
}

79
Accounts/src/Pages/SsoLogin.tsx
View File

@ -1,79 +0,0 @@
import React, { FunctionComponent } from 'react';
import BasicModelForm from 'CommonUI/src/Components/Forms/BasicModelForm';
import User from 'Model/Models/User';
import FormValues from 'CommonUI/src/Components/Forms/Types/FormValues';
import Route from 'Common/Types/API/Route';
import FormFieldSchemaType from 'CommonUI/src/Components/Forms/Types/FormFieldSchemaType';
import OneUptimeLogo from 'CommonUI/src/Images/logos/OneUptimeSVG/3-transparent.svg';
import Link from 'CommonUI/src/Components/Link/Link';
const SsoLoginPage: FunctionComponent = () => {
const user: User = new User();
return (
<div className="flex min-h-full flex-col justify-center py-12 sm:px-6 lg:px-8">
<div className="sm:mx-auto sm:w-full sm:max-w-md">
<img
className="mx-auto h-12 w-auto"
src={OneUptimeLogo}
alt="Your Company"
/>
<h2 className="mt-6 text-center text-2xl tracking-tight text-gray-900">
Sign in to your account
</h2>
<p className="mt-2 text-center text-sm text-gray-600">
Join thousands of business that use OneUptime to help them
stay online all the time.
</p>
</div>
<div className="mt-8 sm:mx-auto sm:w-full sm:max-w-md">
<div className="bg-white py-8 px-4 shadow sm:rounded-lg sm:px-10">
<BasicModelForm<User>
model={user}
id="login-form"
name="SSO Login"
fields={[
{
field: {
email: true,
},
title: 'Email',
fieldType: FormFieldSchemaType.Email,
required: true,
},
]}
onSubmit={(_values: FormValues<User>) => {}}
submitButtonText={'Login with SSO'}
maxPrimaryButtonWidth={true}
footer={
<div className="actions pointer text-center mt-4 underline-on-hover fw-semibold">
<p>
<Link
to={new Route('/accounts/login')}
className="text-indigo-500 hover:text-indigo-900 cursor-pointer text-sm"
>
Log in with password instead
</Link>
</p>
</div>
}
/>
</div>
<div className="mt-10 text-center">
<p className="text-muted mb-0 text-gray-500">
Don&apos;t have an account?{' '}
<Link
to={new Route('/accounts/register')}
className="text-indigo-500 hover:text-indigo-900 cursor-pointer"
>
Register.
</Link>
</p>
</div>
</div>
</div>
);
};
export default SsoLoginPage;