Talon/chat-with-gpt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update strings

Browse Source
This commit is contained in:
Cogent Apps
2023-03-16 19:06:29 +00:00
parent 210cca9a44
commit b216cf2900
8 changed files with 59 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
app/src/components/auth/modals.tsx
View File

@@ -1,6 +1,7 @@
import styled from "@emotion/styled";
import { Button, Modal, PasswordInput, TextInput } from "@mantine/core";
import { useCallback, useState } from "react";
import { FormattedMessage, useIntl } from "react-intl";
import { useAppDispatch, useAppSelector } from "../../store";
import { closeModals, openLoginModal, openSignupModal, selectModal } from "../../store/ui";
@@ -35,6 +36,7 @@ const Container = styled.form`
export function LoginModal(props: any) {
const modal = useAppSelector(selectModal);
const dispatch = useAppDispatch();
const intl = useIntl();
const onClose = useCallback(() => dispatch(closeModals()), [dispatch]);
const onCreateAccountClick = useCallback(() => dispatch(openSignupModal()), [dispatch]);
@@ -42,24 +44,26 @@ export function LoginModal(props: any) {
return <Modal opened={modal === 'login'} onClose={onClose} withCloseButton={false}>
<Container action="/chatapi/login" method="post">
<h2>
Sign in
<FormattedMessage defaultMessage={"Sign in"} />
</h2>
<input type="hidden" name="redirect_url" value={window.location.href} />
<TextInput label="Email address"
<TextInput
label={intl.formatMessage({ defaultMessage: "Email address" })}
name="username"
placeholder="Enter your email address"
placeholder={intl.formatMessage({ defaultMessage: "Enter your email address" })}
type="email"
required />
<PasswordInput label="Password"
<PasswordInput
label={intl.formatMessage({ defaultMessage: "Password" })}
name="password"
placeholder="Enter your password"
placeholder={intl.formatMessage({ defaultMessage: "Enter your password" })}
maxLength={500}
required />
<Button fullWidth type="submit">
Sign in
<FormattedMessage defaultMessage={"Sign in"} />
</Button>
<Button fullWidth variant="subtle" onClick={onCreateAccountClick}>
Or create an account
<FormattedMessage defaultMessage={"Or create an account"} />
</Button>
</Container>
</Modal>
@@ -68,6 +72,7 @@ export function LoginModal(props: any) {
export function CreateAccountModal(props: any) {
const modal = useAppSelector(selectModal);
const dispatch = useAppDispatch();
const intl = useIntl();
const onClose = useCallback(() => dispatch(closeModals()), [dispatch]);
const onSignInClick = useCallback(() => dispatch(openLoginModal()), [dispatch]);
@@ -75,25 +80,27 @@ export function CreateAccountModal(props: any) {
return <Modal opened={modal === 'signup'} onClose={onClose} withCloseButton={false}>
<Container action="/chatapi/register" method="post">
<h2>
Create an account
<FormattedMessage defaultMessage={"Create an account"} />
</h2>
<input type="hidden" name="redirect_url" value={window.location.href} />
<TextInput label="Email address"
<TextInput
label={intl.formatMessage({ defaultMessage: "Email address" })}
name="username"
placeholder="Enter your email address"
placeholder={intl.formatMessage({ defaultMessage: "Enter your email address" })}
type="email"
required />
<PasswordInput label="Password"
<PasswordInput
label={intl.formatMessage({ defaultMessage: "Password" })}
name="password"
placeholder="Enter your password"
placeholder={intl.formatMessage({ defaultMessage: "Enter your password" })}
minLength={6}
maxLength={500}
required />
<Button fullWidth type="submit">
Sign up
<FormattedMessage defaultMessage={"Sign up"} />
</Button>
<Button fullWidth variant="subtle" onClick={onSignInClick}>
Or sign in to an existing account
<FormattedMessage defaultMessage={"Or sign in to an existing account"} />
</Button>
</Container>
</Modal>