diff --git a/src/components/dialogs/DialogTitle/index.tsx b/src/components/dialogs/DialogTitle/index.tsx new file mode 100644 index 00000000..875440dd --- /dev/null +++ b/src/components/dialogs/DialogTitle/index.tsx @@ -0,0 +1,10 @@ +import React, { FC, ReactNode } from 'react'; +import styles from './styles.scss'; + +interface IProps { + children: ReactNode; +} + +const DialogTitle: FC = ({ children }) =>

{children}

; + +export { DialogTitle }; diff --git a/src/components/dialogs/DialogTitle/styles.scss b/src/components/dialogs/DialogTitle/styles.scss new file mode 100644 index 00000000..02307e03 --- /dev/null +++ b/src/components/dialogs/DialogTitle/styles.scss @@ -0,0 +1,4 @@ +.title { + margin: $gap 0 $gap * 4 !important; + text-transform: uppercase; +} diff --git a/src/containers/dialogs/LoginDialog/index.tsx b/src/containers/dialogs/LoginDialog/index.tsx index 6e37578b..0707d10f 100644 --- a/src/containers/dialogs/LoginDialog/index.tsx +++ b/src/containers/dialogs/LoginDialog/index.tsx @@ -17,6 +17,7 @@ import { ISocialProvider } from '~/redux/auth/types'; import pick from 'ramda/es/pick'; import { LoginDialogButtons } from '~/containers/dialogs/LoginDialogButtons'; import { IOAuthEvent, OAUTH_EVENT_TYPES } from '~/redux/types'; +import { DialogTitle } from '~/components/dialogs/DialogTitle'; const mapStateToProps = state => ({ ...pick(['error', 'is_registering'], selectAuthLogin(state)), @@ -103,7 +104,7 @@ const LoginDialogUnconnected: FC = ({
-

РЕШИТЕЛЬНО ВОЙТИ

+ Решительно войти diff --git a/src/containers/dialogs/LoginDialog/styles.scss b/src/containers/dialogs/LoginDialog/styles.scss index 94d06962..85f87163 100644 --- a/src/containers/dialogs/LoginDialog/styles.scss +++ b/src/containers/dialogs/LoginDialog/styles.scss @@ -12,10 +12,6 @@ $vk_color: $secondary_color; button { text-align: left; } - - h2 { - margin: $gap 0 $gap * 4 !important; - } } .secondary_button { diff --git a/src/containers/dialogs/LoginSocialRegisterDialog/index.tsx b/src/containers/dialogs/LoginSocialRegisterDialog/index.tsx index 43b551de..fec9aaee 100644 --- a/src/containers/dialogs/LoginSocialRegisterDialog/index.tsx +++ b/src/containers/dialogs/LoginSocialRegisterDialog/index.tsx @@ -1,16 +1,35 @@ -import React, { FC } from 'react'; +import React, { FC, useState } from 'react'; import { connect } from 'react-redux'; import { IDialogProps } from '~/redux/modal/constants'; import { BetterScrollDialog } from '~/containers/dialogs/BetterScrollDialog'; +import { Padder } from '~/components/containers/Padder'; +import { DialogTitle } from '~/components/dialogs/DialogTitle'; +import { Group } from '~/components/containers/Group'; +import { InputText } from '~/components/input/InputText'; +import styles from './styles.scss'; const mapStateToProps = () => ({}); const mapDispatchToProps = {}; type Props = ReturnType & typeof mapDispatchToProps & IDialogProps & {}; -const LoginSocialRegisterDialogUnconnected: FC = ({ onRequestClose }) => ( - NEEDS REGISTER! -); +const LoginSocialRegisterDialogUnconnected: FC = ({ onRequestClose }) => { + const [username, setUsername] = useState(''); + + return ( + + +
+ + Добро пожаловать в семью! + + + +
+
+
+ ); +}; const LoginSocialRegisterDialog = connect( mapStateToProps, diff --git a/src/containers/dialogs/LoginSocialRegisterDialog/styles.scss b/src/containers/dialogs/LoginSocialRegisterDialog/styles.scss new file mode 100644 index 00000000..1817d817 --- /dev/null +++ b/src/containers/dialogs/LoginSocialRegisterDialog/styles.scss @@ -0,0 +1,3 @@ +.wrap { + padding: $gap $gap 30px $gap; +} diff --git a/src/redux/types.ts b/src/redux/types.ts index a92e1d0d..24d8d684 100644 --- a/src/redux/types.ts +++ b/src/redux/types.ts @@ -217,6 +217,5 @@ export type IOAuthEvent = { payload: { token: string; error: string; - needs_register: boolean; }; };