Skip to content
This repository has been archived by the owner on Mar 13, 2024. It is now read-only.

MM-31503 - screen to restrict access because workspace capacity" #7468

Merged
merged 13 commits into from
Feb 12, 2021

Conversation

pvev
Copy link
Contributor

@pvev pvev commented Feb 3, 2021

Summary

Create a new screen for users who are restricted from joining a workspace because the free capacity is exceeded

Ticket Link

MM-31503

Related Pull Requests

mattermost/mattermost-redux#1351

Screenshots

maxFreeUsers

@pvev pvev added the Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal label Feb 4, 2021
@pvev pvev added the 2: Dev Review Requires review by a core commiter label Feb 4, 2021
import computerWithAlert from 'images/cloud/computer-with-alert.svg';
import mattermostCloud from 'images/cloud/mattermost-cloud.svg';
import wavesBackground from 'images/cloud/waves.svg';
import blueDotes from 'images/cloud/blue.svg';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should probably be blueDots not blueDotes.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

yes, thanks for finding this typo.

Comment on lines 21 to 23
const subscriptionStats = subscriptionStatsFromState(state);
const isLicensed = license && license.IsLicensed === 'true';
const isCloud = license && license.Cloud === 'true';
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we just have the subscriptionsStats selector return whether its cloud?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Hi @nickmisasi , that makes sense, I will add that validation.

@pvev
Copy link
Contributor Author

pvev commented Feb 6, 2021

/update-branch

@marianunez marianunez added the 1: UX Review Requires review by a UX Designer label Feb 8, 2021
Copy link
Member

@marianunez marianunez left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work @pablovelezvidal! Some non-blocking comments below

@marianunez
Copy link
Member

@pablovelezvidal can we set up the test server where we can see the new page and provide a link for UX review?

@pvev
Copy link
Contributor Author

pvev commented Feb 8, 2021

/test

@pvev pvev added the Do Not Merge/Awaiting PR Awaiting another pull request before merging (e.g. server changes) label Feb 9, 2021
@pvev
Copy link
Contributor Author

pvev commented Feb 9, 2021

depends on mattermost/mattermost#16896

@matthewbirtch
Copy link
Contributor

@pablovelezvidal can we set up the test server where we can see the new page and provide a link for UX review?

@pablovelezvidal let me know how I should review. You noted /test above, but that doesn't appear to be working for me.

@pvev
Copy link
Contributor Author

pvev commented Feb 9, 2021

@pablovelezvidal can we set up the test server where we can see the new page and provide a link for UX review?

@pablovelezvidal let me know how I should review. You noted /test above, but that doesn't appear to be working for me.

there is a PR that needs to be merged in the server, after that I will set up everything here and I will let you know how to test. The /test you saw here was a mistake from me, that was intended to be set in the chat post panel.

@pvev pvev requested a review from nickmisasi February 9, 2021 17:00
@pvev pvev added Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal and removed Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal Do Not Merge/Awaiting PR Awaiting another pull request before merging (e.g. server changes) labels Feb 10, 2021
@mm-cloud-bot mm-cloud-bot removed the Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal label Feb 10, 2021
@pvev pvev added Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal and removed Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal labels Feb 10, 2021
@mm-cloud-bot mm-cloud-bot removed the Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal label Feb 11, 2021
@pvev pvev added the Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal label Feb 11, 2021
Copy link
Contributor

@nickmisasi nickmisasi left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM

@pvev pvev added Setup Cloud Test Server Setup a test server using Mattermost Cloud Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal and removed Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal Setup Cloud Test Server Setup a test server using Mattermost Cloud labels Feb 11, 2021
@ethervoid
Copy link
Contributor

/update-branch

@pvev
Copy link
Contributor Author

pvev commented Feb 12, 2021

@pablovelezvidal can we set up the test server where we can see the new page and provide a link for UX review?

@pablovelezvidal let me know how I should review. You noted /test above, but that doesn't appear to be working for me.

there is a PR that needs to be merged in the server, after that I will set up everything here and I will let you know how to test. The /test you saw here was a mistake from me, that was intended to be set in the chat post panel.

@matthewbirtch the PR is ready to review. This is the invitation link you should use to see the restriction screen (I already added more than the free tier limit users) https://mattermost-webapp-pr-7468.test.mattermost.cloud/signup_user_complete/?id=brag37o5mffu5ktfxfggoc76hw . If for any reason it doesn't work for you, the testing procedure would be, copy the invitation link, then activate enough users to get the upgrade account banner, and in a different browser or incognito window, paste the invitation link.

Copy link
Contributor

@matthewbirtch matthewbirtch left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great! Thanks @pablovelezvidal

@pvev pvev merged commit 9610ac7 into master Feb 12, 2021
@pvev pvev deleted the MM-31503-design-restricted-workspace branch February 12, 2021 23:55
@mm-cloud-bot
Copy link

Test server destroyed

@amyblais amyblais added this to the v5.33 milestone Feb 13, 2021
chetanyakan added a commit to brightscout-alpha/mattermost-webapp that referenced this pull request Feb 15, 2021
… custom-status

* 'master' of github.com:mattermost/mattermost-webapp:
  Cypress/E2E: Fix slash commands spec and some promotions (mattermost#7522)
  E2 e prod tests fixes (mattermost#7509)
  MM-31503 - screen to restrict access because workspace capacity" (mattermost#7468)
  [MM-20378] Convert file_attachment_list and tests to TypeScript (mattermost#7488)
  [MM-20377] Convert persist_gate to TypeScript  (mattermost#7434)
  [MM-32301] Post Aria Label (mattermost#7457)
  [MM-30042]: CWS - Step 3 of Getting Started shows error when trying to send 10 email addresses (mattermost#7439)
  fix typo (mattermost#7505)
  Add images for email notification redesign (mattermost#7417)
  Cypress/E2E: Distribute tests evenly when testing in parallel (mattermost#7508)
  Cypress/E2E: Use MinIO for S3 storage testing (mattermost#7506)
  MM-32354 - do not show renew now text in announcement bar tooltip (mattermost#7491)
  fix for test that requires untrusted connection (mattermost#7507)
  Revert "Allow uploading 10 files per post (mattermost#7160)" (mattermost#7510)
  MM-26497: markdown table word breaking (mattermost#7500)
  Cypress/E2E: Promote/Demote e2e tests (mattermost#7497)
  [MM-31497] - Prevent end users from inviting people and exceeding the free tier limits (mattermost#7408)
  MM-31961: fixed color in search field for dark-theme (mattermost#7490)
manojmalik20 pushed a commit to brightscout-alpha/mattermost-webapp that referenced this pull request Feb 15, 2021
…termost#7468)

* MM-31503 - screen to restrict access because workspace capacity"

* Add the MM-redux commit hash

* add unit test to cover the new restricted screen

* fix linter and unit tests

* Add test for not calling subscription stats when customer is not cloud

* improve the way the subscription stats are loaded

* modify styles to be consistent with other designed pages

* make svg image to be responsive on any screen heigh

Co-authored-by: Pablo Velez Vidal <[email protected]>
Co-authored-by: Mattermod <[email protected]>
@amyblais amyblais added Changelog/Done Required changelog entry has been written Docs/Not Needed Does not require documentation labels Feb 24, 2021
@neallred neallred removed the Setup Cloud + CWS Test Server Setup a test server linked to the CWS test portal label Jan 26, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
1: UX Review Requires review by a UX Designer 2: Dev Review Requires review by a core commiter Changelog/Done Required changelog entry has been written Docs/Not Needed Does not require documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

9 participants