forked from mattermost/mattermost-webapp
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adding UX modifications for guest accounts (mattermost#4187)
* Adding UX modifications for guest accounts * Fixing lint error * Updating snapshots * Fixing padding * Fixing tests * Addressing PR review comments * Addressing PR review comments * Fixing cypress tests * Fixing tests * Addressing PR review comments
- Loading branch information
Showing
23 changed files
with
317 additions
and
66 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
158 changes: 125 additions & 33 deletions
158
components/invitation_modal/__snapshots__/invitation_modal_members_step.test.jsx.snap
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,37 +1,129 @@ | ||
// Jest Snapshot v1, https://goo.gl/fbAQLP | ||
|
||
exports[`components/invitation_modal/InvitationModalMembersStep should match the snapshot 1`] = ` | ||
<InvitationModalMembersStep | ||
intl={ | ||
Object { | ||
"defaultFormats": Object {}, | ||
"defaultLocale": "en", | ||
"formatDate": [Function], | ||
"formatHTMLMessage": [Function], | ||
"formatMessage": [Function], | ||
"formatNumber": [Function], | ||
"formatPlural": [Function], | ||
"formatRelative": [Function], | ||
"formatTime": [Function], | ||
"formats": Object {}, | ||
"formatters": Object { | ||
"getDateTimeFormat": [Function], | ||
"getMessageFormat": [Function], | ||
"getNumberFormat": [Function], | ||
"getPluralFormat": [Function], | ||
"getRelativeFormat": [Function], | ||
}, | ||
"locale": "en", | ||
"messages": Object {}, | ||
"now": [Function], | ||
"onError": [Function], | ||
"textComponent": "span", | ||
"timeZone": "Etc/UTC", | ||
} | ||
} | ||
inviteId="123" | ||
onEdit={[MockFunction]} | ||
onSubmit={[MockFunction]} | ||
searchProfiles={[MockFunction]} | ||
/> | ||
<div | ||
className="InvitationModalMembersStep" | ||
> | ||
<div | ||
className="modal-icon" | ||
> | ||
<InviteMembersIcon /> | ||
</div> | ||
<h1> | ||
<InjectIntl(FormattedMarkdownMessage) | ||
defaultMessage="Invite **Members** to {teamName}" | ||
id="invitation_modal.members.title" | ||
values={ | ||
Object { | ||
"teamName": "Test Team", | ||
} | ||
} | ||
/> | ||
</h1> | ||
<div | ||
className="share-link" | ||
data-testid="shareLink" | ||
> | ||
<h2> | ||
<FormattedMessage | ||
defaultMessage="Share This Link" | ||
id="invitation_modal.members.share_link.title" | ||
values={Object {}} | ||
/> | ||
</h2> | ||
<div | ||
className="share-link-input-block" | ||
> | ||
<input | ||
aria-label="team invite link" | ||
className="share-link-input" | ||
data-testid="shareLinkInput" | ||
readOnly={true} | ||
type="text" | ||
value="http:https://localhost:8065/signup_user_complete/?id=123" | ||
/> | ||
<button | ||
className="share-link-input-button" | ||
data-testid="shareLinkInputButton" | ||
onClick={[Function]} | ||
> | ||
<LinkIcon /> | ||
<FormattedMessage | ||
defaultMessage="Copy Link" | ||
id="invitation_modal.members.share_link.copy_button" | ||
values={Object {}} | ||
/> | ||
</button> | ||
</div> | ||
<div | ||
className="help-text" | ||
> | ||
<FormattedMessage | ||
defaultMessage="Share this link to invite people to this team." | ||
id="invitation_modal.members.share_link.description" | ||
values={Object {}} | ||
/> | ||
</div> | ||
</div> | ||
<div | ||
className="invitation-modal-or" | ||
> | ||
<hr /> | ||
<div> | ||
<FormattedMessage | ||
defaultMessage="OR" | ||
id="invitation_modal.members.or" | ||
values={Object {}} | ||
/> | ||
</div> | ||
</div> | ||
<div | ||
className="search-and-add" | ||
data-testid="searchAdd" | ||
> | ||
<h2> | ||
<FormattedMessage | ||
defaultMessage="Add or Invite People" | ||
id="invitation_modal.members.search_and_add.title" | ||
values={Object {}} | ||
/> | ||
</h2> | ||
<div | ||
data-testid="inputPlaceholder" | ||
> | ||
<FormattedMessage | ||
defaultMessage="Add members or email addresses" | ||
id="invitation_modal.members.search-and-add.placeholder" | ||
values={Object {}} | ||
> | ||
<Component /> | ||
</FormattedMessage> | ||
</div> | ||
<div | ||
className="help-text" | ||
> | ||
<FormattedMessage | ||
defaultMessage="Add existing members or send email invites to new members." | ||
id="invitation_modal.members.search-and-add.description" | ||
values={Object {}} | ||
/> | ||
</div> | ||
</div> | ||
<div | ||
className="invite-members" | ||
> | ||
<button | ||
className="btn btn-inactive" | ||
disabled={true} | ||
id="inviteMembersButton" | ||
onClick={[Function]} | ||
> | ||
<FormattedMessage | ||
defaultMessage="Invite Members" | ||
id="invitation_modal.members.invite_button" | ||
values={Object {}} | ||
/> | ||
</button> | ||
</div> | ||
</div> | ||
`; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.