wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-09-11 12:51:33 +08:00
Code Issues Packages Projects Releases Wiki Activity

[next] Admin Authentication (#2155)

Browse Source 
* feat: Support sign in via E-Mail, and social logins + permission check

* feat: no permission info

* test: unit test

* test: fix remaining tests

* test: add integration tests

* feat: add admin account completion

* test: auth completion feature tests

* fix: translation

* fix: comment marker design

* fix: linting issues

* chore: address pr review comments

* chore: add comment
This commit is contained in:
Kiwi
2019-02-04 21:26:41 +00:00
committed by Wyatt Johnson
parent 939152ee81
commit 7e8ef2189d
143 changed files with 5991 additions and 2048 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/auth/components/FacebookButton.css
-16
View File
@@ -1,16 +0,0 @@
.variantFilled {
&.colorRegular {
background-color: #3b5998;
}
&:not(.disabled) {
&.colorRegular {
&.mouseHover {
background-color: #4467b0;
}
&:active,
&.active {
background-color: #6583c3;
}
}
}
}
src/core/client/auth/components/FacebookButton.spec.tsx
-17
View File
@@ -1,17 +0,0 @@
import { noop } from "lodash";
import React from "react";
import { createRenderer } from "react-test-renderer/shallow";
import { PropTypesOf } from "talk-framework/types";
import FacebookButton from "./FacebookButton";
it("renders correctly", () => {
const props: PropTypesOf<typeof FacebookButton> = {
onClick: noop,
children: "Login with Facebook",
};
const renderer = createRenderer();
renderer.render(<FacebookButton {...props} />);
expect(renderer.getRenderOutput()).toMatchSnapshot();
});
src/core/client/auth/components/FacebookButton.tsx
-42
View File
@@ -1,42 +0,0 @@
import React from "react";
import { StatelessComponent } from "react";
import { PropTypesOf } from "talk-framework/types";
import { Button } from "talk-ui/components";
import styles from "./FacebookButton.css";
interface Props {
onClick: PropTypesOf<typeof Button>["onClick"];
children: React.ReactNode;
}
const facebookIcon = (
<svg
width="17"
height="17"
viewBox="0 0 17 17"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.0893 1.25391C16.0893 1.00781 15.9838 0.796875 15.808 0.621094C15.6323 0.480469 15.4213 0.375 15.2104 0.375H1.21819C0.936942 0.375 0.726005 0.480469 0.58538 0.621094C0.409598 0.796875 0.339286 1.00781 0.339286 1.25391V15.2461C0.339286 15.4922 0.409598 15.7031 0.58538 15.8789C0.726005 16.0547 0.936942 16.125 1.21819 16.125H8.74163V10.0078H6.70257V7.65234H8.74163V5.89453C8.74163 4.91016 9.02288 4.13672 9.58538 3.57422C10.1479 3.04688 10.8862 2.76562 11.8002 2.76562C12.5033 2.76562 13.1362 2.80078 13.6283 2.83594V4.98047H12.3627C11.9057 4.98047 11.5893 5.08594 11.4135 5.29688C11.2729 5.47266 11.2026 5.75391 11.2026 6.14062V7.65234H13.558L13.2416 10.0078H11.2026V16.125H15.2104C15.4565 16.125 15.6674 16.0547 15.8432 15.8789C15.9838 15.7031 16.0893 15.4922 16.0893 15.2461V1.25391Z"
fill="white"
/>
</svg>
);
const FacebookButton: StatelessComponent<Props> = props => (
<Button
classes={styles}
variant="filled"
size="large"
fullWidth
onClick={props.onClick}
>
{facebookIcon}
<span>{props.children}</span>
</Button>
);
export default FacebookButton;
src/core/client/auth/components/GoogleButton.css
-16
View File
@@ -1,16 +0,0 @@
.variantFilled {
&.colorRegular {
background-color: #db4437;
}
&:not(.disabled) {
&.colorRegular {
&.mouseHover {
background-color: #e05f54;
}
&:active,
&.active {
background-color: #e57a71;
}
}
}
}
src/core/client/auth/components/GoogleButton.spec.tsx
-17
View File
@@ -1,17 +0,0 @@
import { noop } from "lodash";
import React from "react";
import { createRenderer } from "react-test-renderer/shallow";
import { PropTypesOf } from "talk-framework/types";
import GoogleButton from "./GoogleButton";
it("renders correctly", () => {
const props: PropTypesOf<typeof GoogleButton> = {
onClick: noop,
children: "Login with Google",
};
const renderer = createRenderer();
renderer.render(<GoogleButton {...props} />);
expect(renderer.getRenderOutput()).toMatchSnapshot();
});
src/core/client/auth/components/GoogleButton.tsx
-42
View File
@@ -1,42 +0,0 @@
import React from "react";
import { StatelessComponent } from "react";
import { PropTypesOf } from "talk-framework/types";
import { Button } from "talk-ui/components";
import styles from "./GoogleButton.css";
interface Props {
onClick: PropTypesOf<typeof Button>["onClick"];
children: React.ReactNode;
}
const googleIcon = (
<svg
width="18"
height="18"
viewBox="0 0 18 18"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.2924 9.46094C17.2924 9.00391 17.2221 8.51172 17.1518 7.98438H8.85491V11.0078H13.8119C13.7065 11.5352 13.4955 12.0625 13.2143 12.5547C12.7924 13.1875 12.2651 13.7148 11.6323 14.0664C10.8237 14.5586 9.9096 14.7695 8.85491 14.7695C7.87054 14.7695 6.95647 14.5234 6.14788 14.0312C5.30413 13.5391 4.67132 12.8711 4.17913 12.0273C3.68694 11.1836 3.44085 10.2695 3.44085 9.25C3.44085 8.08984 3.75725 7.03516 4.39007 6.12109C4.95257 5.27734 5.726 4.64453 6.71038 4.22266C7.6596 3.80078 8.64397 3.66016 9.62835 3.80078C10.683 3.94141 11.5619 4.39844 12.3354 5.10156L14.6908 2.81641C13.0737 1.30469 11.1049 0.53125 8.85491 0.53125C7.27288 0.53125 5.83147 0.953125 4.49554 1.72656C3.1596 2.5 2.06975 3.55469 1.29632 4.89062C0.52288 6.22656 0.136161 7.70312 0.136161 9.25C0.136161 10.832 0.52288 12.2734 1.29632 13.6094C2.06975 14.9453 3.1596 16.0352 4.49554 16.8086C5.83147 17.582 7.27288 17.9688 8.85491 17.9688C10.5073 17.9688 11.9838 17.6172 13.2494 16.8789C14.5151 16.1758 15.5346 15.1562 16.2377 13.8555C16.9408 12.5898 17.2924 11.1133 17.2924 9.46094Z"
fill="white"
/>
</svg>
);
const GoogleButton: StatelessComponent<Props> = props => (
<Button
classes={styles}
variant="filled"
size="large"
fullWidth
onClick={props.onClick}
>
{googleIcon}
<span>{props.children}</span>
</Button>
);
export default GoogleButton;
src/core/client/auth/components/OrSeparator.css → src/core/client/auth/components/HorizontalSeparator.css
View File
src/core/client/auth/components/OrSeparator.spec.tsx → src/core/client/auth/components/HorizontalSeparator.spec.tsx
+2 -2
View File
@@ -1,10 +1,10 @@
import React from "react";
import { createRenderer } from "react-test-renderer/shallow";
import OrSeparator from "./OrSeparator";
import HorizontalSeparator from "./HorizontalSeparator";
it("renders correctly", () => {
const renderer = createRenderer();
renderer.render(<OrSeparator />);
renderer.render(<HorizontalSeparator>Or</HorizontalSeparator>);
expect(renderer.getRenderOutput()).toMatchSnapshot();
});
src/core/client/auth/components/HorizontalSeparator.tsx
+19
View File
@@ -0,0 +1,19 @@
import React from "react";
import { StatelessComponent } from "react";
import { Flex } from "talk-ui/components";
import styles from "./HorizontalSeparator.css";
interface Props {
children: string;
}
const HorizontalSeparator: StatelessComponent<Props> = props => (
<Flex className={styles.root} alignItems="center" justifyContent="center">
<hr className={styles.hr} />
<div className={styles.text}>{props.children}</div>
</Flex>
);
export default HorizontalSeparator;
src/core/client/auth/components/OIDCButton.css
-16
View File
@@ -1,16 +0,0 @@
.variantFilled {
&.colorRegular {
background-color: #0d5b8f;
}
&:not(.disabled) {
&.colorRegular {
&.mouseHover {
background-color: #106fae;
}
&:active,
&.active {
background-color: #1383cd;
}
}
}
}
src/core/client/auth/components/OIDCButton.spec.tsx
-17
View File
@@ -1,17 +0,0 @@
import { noop } from "lodash";
import React from "react";
import { createRenderer } from "react-test-renderer/shallow";
import { PropTypesOf } from "talk-framework/types";
import OIDCButton from "./OIDCButton";
it("renders correctly", () => {
const props: PropTypesOf<typeof OIDCButton> = {
onClick: noop,
children: "Login with OIDC",
};
const renderer = createRenderer();
renderer.render(<OIDCButton {...props} />);
expect(renderer.getRenderOutput()).toMatchSnapshot();
});
src/core/client/auth/components/OIDCButton.tsx
-26
View File
@@ -1,26 +0,0 @@
import React from "react";
import { StatelessComponent } from "react";
import { PropTypesOf } from "talk-framework/types";
import { Button } from "talk-ui/components";
import styles from "./OIDCButton.css";
interface Props {
onClick: PropTypesOf<typeof Button>["onClick"];
children: React.ReactNode;
}
const OIDCButton: StatelessComponent<Props> = props => (
<Button
classes={styles}
variant="filled"
size="large"
fullWidth
onClick={props.onClick}
>
<span>{props.children}</span>
</Button>
);
export default OIDCButton;
src/core/client/auth/components/OrSeparator.tsx
+5 -11
View File
@@ -2,18 +2,12 @@ import { Localized } from "fluent-react/compat";
import React from "react";
import { StatelessComponent } from "react";
import { Flex } from "talk-ui/components";
import HorizontalSeparator from "./HorizontalSeparator";
import styles from "./OrSeparator.css";
const OrSeparator: StatelessComponent = props => (
<Flex className={styles.root} alignItems="center" justifyContent="center">
<hr className={styles.hr} />
<Localized id="general-orSeparator">
<div className={styles.text}>Or</div>
</Localized>
</Flex>
const OrSeparator: StatelessComponent = () => (
<Localized id="general-orSeparator">
<HorizontalSeparator>Or</HorizontalSeparator>
</Localized>
);
export default OrSeparator;
src/core/client/auth/components/__snapshots__/FacebookButton.spec.tsx.snap
-35
View File
@@ -1,35 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders correctly 1`] = `
<withPropsOnChange(Button)
classes={
Object {
"active": "FacebookButton-active",
"colorRegular": "FacebookButton-colorRegular",
"disabled)": "FacebookButton-disabled)",
"mouseHover": "FacebookButton-mouseHover",
"variantFilled": "FacebookButton-variantFilled",
}
}
fullWidth={true}
onClick={[Function]}
size="large"
variant="filled"
>
<svg
fill="none"
height="17"
viewBox="0 0 17 17"
width="17"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16.0893 1.25391C16.0893 1.00781 15.9838 0.796875 15.808 0.621094C15.6323 0.480469 15.4213 0.375 15.2104 0.375H1.21819C0.936942 0.375 0.726005 0.480469 0.58538 0.621094C0.409598 0.796875 0.339286 1.00781 0.339286 1.25391V15.2461C0.339286 15.4922 0.409598 15.7031 0.58538 15.8789C0.726005 16.0547 0.936942 16.125 1.21819 16.125H8.74163V10.0078H6.70257V7.65234H8.74163V5.89453C8.74163 4.91016 9.02288 4.13672 9.58538 3.57422C10.1479 3.04688 10.8862 2.76562 11.8002 2.76562C12.5033 2.76562 13.1362 2.80078 13.6283 2.83594V4.98047H12.3627C11.9057 4.98047 11.5893 5.08594 11.4135 5.29688C11.2729 5.47266 11.2026 5.75391 11.2026 6.14062V7.65234H13.558L13.2416 10.0078H11.2026V16.125H15.2104C15.4565 16.125 15.6674 16.0547 15.8432 15.8789C15.9838 15.7031 16.0893 15.4922 16.0893 15.2461V1.25391Z"
fill="white"
/>
</svg>
<span>
Login with Facebook
</span>
</withPropsOnChange(Button)>
`;
src/core/client/auth/components/__snapshots__/GoogleButton.spec.tsx.snap
-35
View File
@@ -1,35 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders correctly 1`] = `
<withPropsOnChange(Button)
classes={
Object {
"active": "GoogleButton-active",
"colorRegular": "GoogleButton-colorRegular",
"disabled)": "GoogleButton-disabled)",
"mouseHover": "GoogleButton-mouseHover",
"variantFilled": "GoogleButton-variantFilled",
}
}
fullWidth={true}
onClick={[Function]}
size="large"
variant="filled"
>
<svg
fill="none"
height="18"
viewBox="0 0 18 18"
width="18"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.2924 9.46094C17.2924 9.00391 17.2221 8.51172 17.1518 7.98438H8.85491V11.0078H13.8119C13.7065 11.5352 13.4955 12.0625 13.2143 12.5547C12.7924 13.1875 12.2651 13.7148 11.6323 14.0664C10.8237 14.5586 9.9096 14.7695 8.85491 14.7695C7.87054 14.7695 6.95647 14.5234 6.14788 14.0312C5.30413 13.5391 4.67132 12.8711 4.17913 12.0273C3.68694 11.1836 3.44085 10.2695 3.44085 9.25C3.44085 8.08984 3.75725 7.03516 4.39007 6.12109C4.95257 5.27734 5.726 4.64453 6.71038 4.22266C7.6596 3.80078 8.64397 3.66016 9.62835 3.80078C10.683 3.94141 11.5619 4.39844 12.3354 5.10156L14.6908 2.81641C13.0737 1.30469 11.1049 0.53125 8.85491 0.53125C7.27288 0.53125 5.83147 0.953125 4.49554 1.72656C3.1596 2.5 2.06975 3.55469 1.29632 4.89062C0.52288 6.22656 0.136161 7.70312 0.136161 9.25C0.136161 10.832 0.52288 12.2734 1.29632 13.6094C2.06975 14.9453 3.1596 16.0352 4.49554 16.8086C5.83147 17.582 7.27288 17.9688 8.85491 17.9688C10.5073 17.9688 11.9838 17.6172 13.2494 16.8789C14.5151 16.1758 15.5346 15.1562 16.2377 13.8555C16.9408 12.5898 17.2924 11.1133 17.2924 9.46094Z"
fill="white"
/>
</svg>
<span>
Login with Google
</span>
</withPropsOnChange(Button)>
`;
src/core/client/auth/components/__snapshots__/OrSeparator.spec.tsx.snap → src/core/client/auth/components/__snapshots__/HorizontalSeparator.spec.tsx.snap
+6 -10
View File
@@ -3,20 +3,16 @@
exports[`renders correctly 1`] = `
<withPropsOnChange(Flex)
alignItems="center"
className="OrSeparator-root"
className="HorizontalSeparator-root"
justifyContent="center"
>
<hr
className="OrSeparator-hr"
className="HorizontalSeparator-hr"
/>
<Localized
id="general-orSeparator"
<div
className="HorizontalSeparator-text"
>
<div
className="OrSeparator-text"
>
Or
</div>
</Localized>
Or
</div>
</withPropsOnChange(Flex)>
`;
src/core/client/auth/components/__snapshots__/OIDCButton.spec.tsx.snap
-23
View File
@@ -1,23 +0,0 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders correctly 1`] = `
<withPropsOnChange(Button)
classes={
Object {
"active": "OIDCButton-active",
"colorRegular": "OIDCButton-colorRegular",
"disabled)": "OIDCButton-disabled)",
"mouseHover": "OIDCButton-mouseHover",
"variantFilled": "OIDCButton-variantFilled",
}
}
fullWidth={true}
onClick={[Function]}
size="large"
variant="filled"
>
<span>
Login with OIDC
</span>
</withPropsOnChange(Button)>
`;
src/core/client/auth/containers/AccountCompletionContainer.tsx
+9 -5
View File
@@ -37,11 +37,15 @@ function handleAccountCompletion(props: Props) {
if (view !== "ADD_EMAIL_ADDRESS") {
setView({ view: "ADD_EMAIL_ADDRESS" });
}
} else if (!me.username) {
return false;
}
if (!me.username) {
if (view !== "CREATE_USERNAME") {
setView({ view: "CREATE_USERNAME" });
}
} else if (
return false;
}
if (
!me.profiles.some(p => p.__typename === "LocalProfile") &&
auth.integrations.local.enabled &&
auth.integrations.local.targetFilter.stream
@@ -49,10 +53,10 @@ function handleAccountCompletion(props: Props) {
if (view !== "CREATE_PASSWORD") {
setView({ view: "CREATE_PASSWORD" });
}
} else {
completeAccount({ authToken: authToken! });
return true;
return false;
}
completeAccount({ authToken: authToken! });
return true;
}
return false;
}
src/core/client/auth/helpers/index.ts
-1
View File
@@ -1 +0,0 @@
export { default as redirectOAuth2 } from "./redirectOAuth2";
src/core/client/auth/helpers/redirectOAuth2.ts
-6
View File
@@ -1,6 +0,0 @@
import { authRedirectBackTo } from "talk-framework/helpers/storageKeys";
export default function redirectOAuth2(redirectURL: string) {
sessionStorage.setItem(authRedirectBackTo, window.location.pathname);
window.location.href = redirectURL;
}
src/core/client/auth/local/initLocalState.ts
+1 -18
View File
@@ -1,27 +1,10 @@
import { commitLocalUpdate, Environment } from "relay-runtime";
import { parseQuery } from "talk-common/utils";
import { getParamsFromHashAndClearIt } from "talk-framework/helpers";
import { TalkContext } from "talk-framework/lib/bootstrap";
import { initLocalBaseState, LOCAL_ID } from "talk-framework/lib/relay";
function getParamsFromHashAndClearIt() {
try {
const params = window.location.hash
? parseQuery(window.location.hash.substr(1))
: {};
// Remove hash with token.
if (window.location.hash) {
window.history.replaceState(null, document.title, location.pathname);
}
return params;
} catch (err) {
window.console.error(err);
return {};
}
}
/**
* Initializes the local state, before we start the App.
*/
src/core/client/auth/mutations/SignInMutation.ts
+3 -1
View File
@@ -16,7 +16,9 @@ export async function commit(
// Put the token on the hash and clean the session.
// It'll be picked up by initLocalState.
location.hash = `accessToken=${result.token}`;
clearSession();
await clearSession();
// TODO: (cvle) A better way would be if `context.clearSession` would return the new session and
// we set the accessToken directly in there.
}
export const withSignInMutation = createMutationContainer("signIn", commit);
src/core/client/auth/mutations/SignUpMutation.ts
+1 -1
View File
@@ -19,7 +19,7 @@ export async function commit(
// Put the token on the hash and clean the session.
// It'll be picked up by initLocalState.
location.hash = `accessToken=${result.token}`;
clearSession();
await clearSession();
}
export const withSignUpMutation = createMutationContainer("signUp", commit);
src/core/client/auth/mutations/index.ts
+4 -4
View File
@@ -5,6 +5,10 @@ export {
CompleteAccountMutation,
} from "./CompleteAccountMutation";
export { withSignUpMutation, SignUpMutation } from "./SignUpMutation";
export {
withClearErrorMutation,
ClearErrorMutation,
} from "./ClearErrorMutation";
export { withSetEmailMutation, SetEmailMutation } from "./SetEmailMutation";
export {
withSetUsernameMutation,
@@ -14,7 +18,3 @@ export {
withSetPasswordMutation,
SetPasswordMutation,
} from "./SetPasswordMutation";
export {
withClearErrorMutation,
ClearErrorMutation,
} from "./ClearErrorMutation";
src/core/client/auth/test/__snapshots__/signIn.spec.tsx.snap
+3 -3
View File
@@ -368,13 +368,13 @@ exports[`auth configuration renders all auth enabled 1`] = `
</div>
</form>
<div
className="Flex-root OrSeparator-root Flex-flex Flex-justifyCenter Flex-alignCenter"
className="Flex-root HorizontalSeparator-root Flex-flex Flex-justifyCenter Flex-alignCenter"
>
<hr
className="OrSeparator-hr"
className="HorizontalSeparator-hr"
/>
<div
className="OrSeparator-text"
className="HorizontalSeparator-text"
>
Or
</div>
src/core/client/auth/test/__snapshots__/signUp.spec.tsx.snap
+3 -3
View File
@@ -616,13 +616,13 @@ exports[`auth configuration renders all auth enabled 1`] = `
</div>
</form>
<div
className="Flex-root OrSeparator-root Flex-flex Flex-justifyCenter Flex-alignCenter"
className="Flex-root HorizontalSeparator-root Flex-flex Flex-justifyCenter Flex-alignCenter"
>
<hr
className="OrSeparator-hr"
className="HorizontalSeparator-hr"
/>
<div
className="OrSeparator-text"
className="HorizontalSeparator-text"
>
Or
</div>
src/core/client/auth/test/create.tsx
+1 -2
View File
@@ -1,6 +1,5 @@
import { EventEmitter2 } from "eventemitter2";
import { IResolvers } from "graphql-tools";
import { noop } from "lodash";
import React from "react";
import TestRenderer from "react-test-renderer";
import { Environment, RecordProxy, RecordSourceProxy } from "relay-runtime";
@@ -49,7 +48,7 @@ export default function create(params: CreateParams) {
browserInfo: { ios: false },
uuidGenerator: createUUIDGenerator(),
eventEmitter: new EventEmitter2({ wildcard: true, maxListeners: 20 }),
clearSession: noop,
clearSession: () => Promise.resolve(),
};
const testRenderer = TestRenderer.create(
src/core/client/auth/views/createPassword/containers/CreatePasswordContainer.tsx
-1
View File
@@ -27,7 +27,6 @@ class CreatePasswordContainer extends Component<Props> {
};
public render() {
// tslint:disable-next-line:no-empty
return <CreatePassword onSubmit={this.handleSubmit} />;
}
}
src/core/client/auth/views/signIn/containers/SignInWithFacebookContainer.tsx
+2 -2
View File
@@ -2,8 +2,8 @@ import { Localized } from "fluent-react/compat";
import React, { Component } from "react";
import { SignInWithFacebookContainer_auth as AuthData } from "talk-auth/__generated__/SignInWithFacebookContainer_auth.graphql";
import FacebookButton from "talk-auth/components/FacebookButton";
import { redirectOAuth2 } from "talk-auth/helpers";
import FacebookButton from "talk-framework/components/FacebookButton";
import { redirectOAuth2 } from "talk-framework/helpers";
import { graphql, withFragmentContainer } from "talk-framework/lib/relay";
interface Props {
src/core/client/auth/views/signIn/containers/SignInWithGoogleContainer.tsx
+2 -2
View File
@@ -2,8 +2,8 @@ import { Localized } from "fluent-react/compat";
import React, { Component } from "react";
import { SignInWithGoogleContainer_auth as AuthData } from "talk-auth/__generated__/SignInWithGoogleContainer_auth.graphql";
import GoogleButton from "talk-auth/components/GoogleButton";
import { redirectOAuth2 } from "talk-auth/helpers";
import GoogleButton from "talk-framework/components/GoogleButton";
import { redirectOAuth2 } from "talk-framework/helpers";
import { graphql, withFragmentContainer } from "talk-framework/lib/relay";
interface Props {
src/core/client/auth/views/signIn/containers/SignInWithOIDCContainer.tsx
+2 -2
View File
@@ -2,8 +2,8 @@ import { Localized } from "fluent-react/compat";
import React, { Component } from "react";
import { SignInWithOIDCContainer_auth as AuthData } from "talk-auth/__generated__/SignInWithOIDCContainer_auth.graphql";
import OIDCButton from "talk-auth/components/OIDCButton";
import { redirectOAuth2 } from "talk-auth/helpers";
import OIDCButton from "talk-framework/components/OIDCButton";
import { redirectOAuth2 } from "talk-framework/helpers";
import { graphql, withFragmentContainer } from "talk-framework/lib/relay";
interface Props {
src/core/client/auth/views/signUp/containers/SignUpWithFacebookContainer.tsx
+2 -2
View File
@@ -2,8 +2,8 @@ import { Localized } from "fluent-react/compat";
import React, { Component } from "react";
import { SignUpWithFacebookContainer_auth as AuthData } from "talk-auth/__generated__/SignUpWithFacebookContainer_auth.graphql";
import FacebookButton from "talk-auth/components/FacebookButton";
import { redirectOAuth2 } from "talk-auth/helpers";
import FacebookButton from "talk-framework/components/FacebookButton";
import { redirectOAuth2 } from "talk-framework/helpers";
import { graphql, withFragmentContainer } from "talk-framework/lib/relay";
interface Props {
src/core/client/auth/views/signUp/containers/SignUpWithGoogleContainer.tsx
+2 -2
View File
@@ -2,8 +2,8 @@ import { Localized } from "fluent-react/compat";
import React, { Component } from "react";
import { SignUpWithGoogleContainer_auth as AuthData } from "talk-auth/__generated__/SignUpWithGoogleContainer_auth.graphql";
import GoogleButton from "talk-auth/components/GoogleButton";
import { redirectOAuth2 } from "talk-auth/helpers";
import GoogleButton from "talk-framework/components/GoogleButton";
import { redirectOAuth2 } from "talk-framework/helpers";
import { graphql, withFragmentContainer } from "talk-framework/lib/relay";
interface Props {
src/core/client/auth/views/signUp/containers/SignUpWithOIDCContainer.tsx
+2 -2
View File
@@ -2,8 +2,8 @@ import { Localized } from "fluent-react/compat";
import React, { Component } from "react";
import { SignUpWithOIDCContainer_auth as AuthData } from "talk-auth/__generated__/SignUpWithOIDCContainer_auth.graphql";
import OIDCButton from "talk-auth/components/OIDCButton";
import { redirectOAuth2 } from "talk-auth/helpers";
import OIDCButton from "talk-framework/components/OIDCButton";
import { redirectOAuth2 } from "talk-framework/helpers";
import { graphql, withFragmentContainer } from "talk-framework/lib/relay";
interface Props {