d604f9920b
* feat ui: dashboards redesign start * more cards * fix ui: more different cards... * feat ui: finish cards, all trigger, all icons * change(ui): added missin const * feature(ui): new dashboard modal * feature(ui): new dashboard modal * change(ui): new cards * change(ui): dashboard redesign * change(ui): dashboard redesign * change(ui): dashboard redesign * change(ui): modal context and alert form * change(ui): table card show more with modal * change(ui): examples * change(ui): example categorize and other improvements * change(ui): example categorize and other improvements * change(ui): performance cards * change(ui): insights card * Various style updates in dashboards and other pages. (#2308) * Various minor style updates * Various style improvements * Update ExampleCards.tsx * change(ui): fixed an issue with card create * change(ui): fixed an issue with card create * change(ui): default filters and events order * change(ui): random data * Dashboards redesign - improvments (#2313) * Various minor style updates * Various style improvements * Update ExampleCards.tsx * various minor improvements in dashbaords. * revised dashboard widget header * change(ui): sessions by user * change(ui): funnel example * change(ui): modal height and scroll * change(ui): example cards with data * change(ui): example cards with data * change(ui): funnel bar text color * change(ui): example cards overlay click * change(ui): path analysis filter card --------- Co-authored-by: Shekar Siri <sshekarsiri@gmail.com> Co-authored-by: Sudheer Salavadi <connect.uxmaster@gmail.com>
58 lines
1.9 KiB
TypeScript
58 lines
1.9 KiB
TypeScript
import Copyright from 'Shared/Copyright';
|
|
import React from 'react';
|
|
import { Form, Input, Loader, Button, Link, Icon, Message } from 'UI';
|
|
import { login as loginRoute } from 'App/routes';
|
|
import { connect } from 'react-redux';
|
|
import ResetPassword from './ResetPasswordRequest';
|
|
import CreatePassword from './CreatePassword';
|
|
|
|
const LOGIN = loginRoute();
|
|
|
|
interface Props {
|
|
params: any;
|
|
}
|
|
function ForgotPassword(props: Props) {
|
|
const { params } = props;
|
|
const pass = params.get('pass');
|
|
const invitation = params.get('invitation');
|
|
const creatingNewPassword = pass && invitation;
|
|
|
|
return (
|
|
<div className="flex items-center justify-center h-screen -mt-20">
|
|
<div className="flex flex-col items-center">
|
|
<div className="m-10 ">
|
|
<img src="/assets/logo.svg" width={200} />
|
|
</div>
|
|
<div className="border rounded-lg bg-white shadow-sm" style={{ width: '350px' }}>
|
|
{creatingNewPassword ? (
|
|
<h2 className="text-center text-lg font-medium mb-6 border-b p-5 w-full">
|
|
Welcome, join your organization by creating a new password
|
|
</h2>
|
|
) : (
|
|
<h2 className="text-center text-2xl font-medium mb-6 border-b p-5 w-full">
|
|
Reset Password
|
|
</h2>
|
|
)}
|
|
|
|
<div className="w-full px-8">
|
|
{creatingNewPassword ? <CreatePassword params={params} /> : <ResetPassword />}
|
|
</div>
|
|
|
|
<div className="flex flex-col items-center justify-center">
|
|
<div className="my-8">
|
|
<Link to={LOGIN}>
|
|
<div className="link">{'Back to Login'}</div>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<Copyright />
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default connect((state: any, props: any) => ({
|
|
params: new URLSearchParams(props.location.search),
|
|
}))(ForgotPassword);
|