djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Let user know that he's in demo

Browse source
This commit is contained in:
dominik-zeglen 2019-10-25 14:35:48 +02:00 committed by Krzysztof Wolski
parent 47bd37e6ad
commit b673c12eea
1 changed files with 42 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

65
src/auth/AuthProvider.tsx
View file

@ -1,10 +1,13 @@
import { maybe } from "@saleor/misc"; import { maybe } from "@saleor/misc";
import React from "react";
import { useIntl } from "react-intl";
import useNotifier from "@saleor/hooks/useNotifier";
import { import {
isSupported as isCredentialsManagementAPISupported, isSupported as isCredentialsManagementAPISupported,
login as loginWithCredentialsManagementAPI, login as loginWithCredentialsManagementAPI,
saveCredentials saveCredentials
} from "@saleor/utils/credentialsManagement"; } from "@saleor/utils/credentialsManagement";
import React from "react";
import { MutationFunction, MutationResult } from "react-apollo"; import { MutationFunction, MutationResult } from "react-apollo";
import { UserContext } from "./"; import { UserContext } from "./";
@ -30,27 +33,41 @@ interface AuthProviderOperationsProps {
} }
const AuthProviderOperations: React.FC<AuthProviderOperationsProps> = ({ const AuthProviderOperations: React.FC<AuthProviderOperationsProps> = ({
children children
}) => ( }) => {
<TypedTokenAuthMutation> const intl = useIntl();
{(...tokenAuth) => ( const notify = useNotifier();
<TypedVerifyTokenMutation>
{(...tokenVerify) => ( const handleLogin = () =>
<TokenRefreshMutation> notify({
{(...tokenRefresh) => ( text: intl.formatMessage({
<AuthProvider defaultMessage:
tokenAuth={tokenAuth} "Just to let you know... You're in demo mode. You can play around with the dashboard but can't save changes."
tokenVerify={tokenVerify} })
tokenRefresh={tokenRefresh} });
>
{children} return (
</AuthProvider> <TypedTokenAuthMutation>
)} {(...tokenAuth) => (
</TokenRefreshMutation> <TypedVerifyTokenMutation>
)} {(...tokenVerify) => (
</TypedVerifyTokenMutation> <TokenRefreshMutation>
)} {(...tokenRefresh) => (
</TypedTokenAuthMutation> <AuthProvider
); tokenAuth={tokenAuth}
tokenVerify={tokenVerify}
tokenRefresh={tokenRefresh}
onLogin={handleLogin}
>
{children}
</AuthProvider>
)}
</TokenRefreshMutation>
)}
</TypedVerifyTokenMutation>
)}
</TypedTokenAuthMutation>
);
};
interface AuthProviderProps { interface AuthProviderProps {
children: (props: { children: (props: {
@ -72,6 +89,7 @@ interface AuthProviderProps {
MutationFunction<RefreshToken, RefreshTokenVariables>, MutationFunction<RefreshToken, RefreshTokenVariables>,
MutationResult<RefreshToken> MutationResult<RefreshToken>
]; ];
onLogin: () => void;
} }
interface AuthProviderState { interface AuthProviderState {
@ -130,11 +148,12 @@ class AuthProvider extends React.Component<
} }
login = async (email: string, password: string) => { login = async (email: string, password: string) => {
const { tokenAuth } = this.props; const { tokenAuth, onLogin } = this.props;
const [tokenAuthFn] = tokenAuth; const [tokenAuthFn] = tokenAuth;
tokenAuthFn({ variables: { email, password } }).then(result => { tokenAuthFn({ variables: { email, password } }).then(result => {
if (result && !result.data.tokenCreate.errors.length) { if (result && !result.data.tokenCreate.errors.length) {
onLogin();
saveCredentials(result.data.tokenCreate.user, password); saveCredentials(result.data.tokenCreate.user, password);
} }
}); });