808c6ec6dc
* feat(channel-chat): MM-53360 Scroll to the bottom of channel chat This commit adds new toast to the channel chat, which allows users to scroll to the bottom quickly. As it is needed to be along side with the `Search hint toast`, I needed to adjust the code inside `hint_toast, toast_wrapper` more than expected. - [x] Updated tests/snapshots * refactor(scroll-to-bottom): MM-53360 Replace if block => separated func * style: MM-53360 Fix order of imports * refactor(scroll-to-bottom): MM-53360 Simplify hideScrollToBottonToast * test(scroll-to-bottom): MM-53360 Migrate test from enzyme to react test This commit migrates unit tests from `enzyme` to `react-testing-library`. Besides, it adds new test ids for testing purposes. * fixup! test(scroll-to-bottom): MM-53360 Migrate test from enzyme to react test * style: MM-53360 Fix eslint error * style(hint_toast): MM-53360 Update style to match the design Decrease the size, and increase the font-weight of the shortcut key. See more at: https://www.figma.com/file/gbnx8ydTX0bTFIbJ8NWGfR/MM-53360-Scroll-to-bottom-of-chat?type=design&node-id=1101-21615&mode=dev * feat(scroll-to-bottom): MM-53360 Change condition to show toast - Hide the toast after clicking "Jump to recents". - Do not show the toast if the user dismissed it before. * fixup! feat(scroll-to-bottom): MM-53360 Change condition to show toast --------- Co-authored-by: Mattermost Build <build@mattermost.com>
Mattermost Web App
This folder contains the client code for the Mattermost web app. It's broken up into multiple packages each of which either contains an area of the app (such as playbooks) or shared logic used across other packages (such as the packages located in the platform directory). For anyone who's used to working in the mattermost/mattermost-webapp repo, most of that is now located in channels.
npm Workspaces
To interact with a workspace using npm, such as to add a dependency or run a script, use the --workspace (or --workspaces) flag. This can be done when using built-in npm commands such as npm add or when running scripts. Those commands should be run from this directory.
# Add a dependency to a single package
npm add react --workspace=playbooks
# Build multiple packages
npm run build --workspace=platform/client --workspace=platform/components
# Test all workspaces
npm test --workspaces
# Clean all workspaces that have a clean script defined
npm run clean --workspaces --if-present
To install dependencies for a workspace, simply run npm install from this folder as you would do normally. Most packages' dependencies will be included in the root node_modules, and all packages' dependencies will appear in the package-lock.json. A node_modules will only be created inside a package if one of its dependencies conflicts with that of another package.
Useful Links
- Developer setup, now included with the Mattermost server developer setup
- Web app developer documentation