Skip to content

Commit

Permalink
i18n NDA composer
Browse files Browse the repository at this point in the history
  • Loading branch information
@juliaqiuxy
juliaqiuxy committed Sep 13, 2020
1 parent ce0f9f2 commit 7be58dd
Show file tree
Hide file tree
Showing 4 changed files with 116 additions and 38 deletions.
121 changes: 83 additions & 38 deletions src/components/NDA/NDAComposer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,8 @@ import {
Form,
} from 'formik';

import { FormattedMessage } from 'react-intl';

import Router from 'next/router';

import loggerClient from '../../db/loggerClient';
Expand Down Expand Up @@ -379,7 +381,12 @@ const NDAComposer = ({ ndaTemplate, user, nda }) => {
color="var(--ndaify-accents-danger)"
onClick={onDiscardButtonClick}
>
Discard
<span>
<FormattedMessage
id="user-action-banner-label-discard"
defaultMessage="Discard"
/>
</span>
</Button>
)}
/>
Expand Down Expand Up @@ -412,24 +419,44 @@ const NDAComposer = ({ ndaTemplate, user, nda }) => {

<NDADisclaimerWrapper>
<DisclaimerTitle>
<BoldText>Almost done.</BoldText>
<BoldText>
<FormattedMessage
id="nda-composer-description-title"
defaultMessage="Almost done."
/>
</BoldText>
</DisclaimerTitle>
</NDADisclaimerWrapper>

<NDADisclaimerWrapper>
<DisclaimerBody>
By signing, both
{' '}
<BoldText>you</BoldText>
{' '}
and
{' '}
<BoldText>{recipientFullName}</BoldText>
{' '}
are agreeing to terms of an NDA to
{' '}
<BoldText>protect all parties and materials disclosed</BoldText>
.
<FormattedMessage
id="nda-composer-description-text"
defaultMessage="By signing, both {sender} and {recipientFullName} are agreeing to terms of an NDA to {ndaConditions}."
values={{
sender: (
<BoldText>
<FormattedMessage
id="nda-composer-description-sender"
defaultMessage="You"
/>
</BoldText>
),
recipientFullName: (
<BoldText>
{recipientFullName}
</BoldText>
),
ndaConditions: (
<BoldText>
<FormattedMessage
id="nda-composer-description-nda-conditions"
defaultMessage="protect all parties and materials disclosed"
/>
</BoldText>
),
}}
/>
</DisclaimerBody>
</NDADisclaimerWrapper>

Expand All @@ -447,18 +474,26 @@ const NDAComposer = ({ ndaTemplate, user, nda }) => {
expandedBody === false ? (
<NDAReadMoreContainer>
<NDAReadMoreText>
To read all terms,
{' '}
<AnchorButton
type="button"
onClick={() => {
setStatus();
setExpandedBody(true);
<FormattedMessage
id="nda-composer-expand-text"
defaultMessage="To read all terms, {clickHereText}."
values={{
clickHereText: (
<AnchorButton
type="button"
onClick={() => {
setStatus();
setExpandedBody(true);
}}
>
<FormattedMessage
id="nda-composer-description-expand-click-here-button-text"
defaultMessage="click here"
/>
</AnchorButton>
),
}}
>
click here
</AnchorButton>
.
/>
</NDAReadMoreText>
</NDAReadMoreContainer>
) : null
Expand Down Expand Up @@ -488,7 +523,7 @@ const NDAComposer = ({ ndaTemplate, user, nda }) => {
<SigRow>
<PartyWrapper>
<SignatureHolder />
<NDAPartyName>{nda.metadata.recipientName}</NDAPartyName>
<NDAPartyName>{recipientFullName}</NDAPartyName>
<NDAPartyOrganization>{recipientCompanyName}</NDAPartyOrganization>
</PartyWrapper>
<PartyWrapper>
Expand All @@ -498,25 +533,32 @@ const NDAComposer = ({ ndaTemplate, user, nda }) => {
style={{ backgroundColor: 'var(--ndaify-accents-success)' }}
spin={isSubmitting}
>
Sign
<FormattedMessage
id="nda-composer-sign-button"
defaultMessage="Sign"
/>
</Button>
<NDAPartyName>{ownerFullName}</NDAPartyName>
<NDAPartyOrganization>{ownerCompanyName}</NDAPartyOrganization>
<NDASenderDisclaimer>
I,
{' '}
{ownerFullName}
, certify that I have read the contract,
{' '}
and understand that clicking &#39;Sign&#39;
{' '}
constitutes a legally binding signature.
<FormattedMessage
id="nda-composer-sign-disclaimer"
defaultMessage="I, {ownerFullName}, certify that I have read the contract, and understand that clicking &#39;Sign&#39; constitutes a legally binding signature."
values={{
ownerFullName,
}}
/>
</NDASenderDisclaimer>
</PartyWrapper>
</SigRow>

<AttachmentSectionContainer>
<AttachmentTitle>Attachments</AttachmentTitle>
<AttachmentTitle>
<FormattedMessage
id="nda-composer-attachment-title"
defaultMessage="Attachment"
/>
</AttachmentTitle>
<LinkWrapper>
<HideIconWrapper>
<HideIcon />
Expand All @@ -530,8 +572,11 @@ const NDAComposer = ({ ndaTemplate, user, nda }) => {
</DocumentUrl>
</LinkWrapper>
<DescriptionTitle>
Recipient does not have access to your link unless they accept the
terms of the NDA.
<FormattedMessage
id="nda-composer-attachment-disclaimer"
defaultMessage="Recipient does not have access to your link unless they accept the
terms of the NDA."
/>
</DescriptionTitle>
</AttachmentSectionContainer>

Expand Down
Loading

0 comments on commit 7be58dd

Please sign in to comment.