[PM-19907] updated empty state messages for web

[hmarquezbw]

🎟️ Tracking

https://bitwarden.atlassian.net/browse/PM-19907

📔 Objective

Updating empty state messages to better explain to the user.
Scenarios updated:

• empty vault
• empty favorites
• empty trash
• suspended organization - as it stands this message will override the empty trash message if user is currently selected into the suspended org and clicks on the trash. (Verifying with Danielle Flinn this is what we want for scenario behavior)

📸 Screenshots

Empty Vault:

Empty Favorites:

Empty Trash:

Suspended Org:

Trash in Suspended Org:

⏰ Reminders before review

• Contributor guidelines followed
• All formatters and local linters executed and passed
• Written new unit and / or integration tests where applicable
• Protected functional changes with optionality (feature flags)
• Used internationalization (i18n) for all UI strings
• CI builds passed
• Communicated to DevOps any deployment requirements
• Updated any necessary documentation (Confluence, contributing docs) or informed the documentation team

🦮 Reviewer guidelines

• 👍 (:+1:) or similar for great changes
• 📝 (:memo:) or ℹ️ (:information_source:) for notes or general info
• ❓ (:question:) for questions
• 🤔 (:thinking:) or 💭 (:thought_balloon:) for more open inquiry that's not quite a confirmed issue and could potentially benefit from discussion
• 🎨 (:art:) for suggestions / improvements
• ❌ (:x:) or ⚠️ (:warning:) for more significant problems or concerns needing attention
• 🌱 (:seedling:) or ♻️ (:recycle:) for future improvements or indications of technical debt
• ⛏ (:pick:) for minor or nitpick changes

[github-actions]

Checkmarx One – Scan Summary & Details – 10495ae8-d76c-41ec-9402-a8ab9209d7ce

Great job! No new security vulnerabilities introduced in this pull request

[codecov]

Codecov Report

❌ Patch coverage is 0% with 3 lines in your changes missing coverage. Please review.
✅ Project coverage is 37.32%. Comparing base (66f5700) to head (b0540e5).
✅ All tests successful. No failed tests found.

Files with missing lines	Patch %	Lines
.../src/app/vault/individual-vault/vault.component.ts	0.00%	3 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main   #16283      +/-   ##
==========================================
- Coverage   37.32%   37.32%   -0.01%     
==========================================
  Files        3366     3366              
  Lines       95725    95728       +3     
  Branches    14420    14422       +2     
==========================================
  Hits        35726    35726              
- Misses      58423    58426       +3     
  Partials     1576     1576              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[Jingo88]

Great stuff. just a few in line comments, and also some notes of things I picked up after looking at the figma and JIRA ticket.

• It looks like the empty vault state should be when a user logs in and does not have any items ('My vault' + 'All items')
• Missing a use case for when a user uses filters or a search it should show "no search results" (Note there's a diff between the copy in JIRA vs Figma for this use case that we may need clarity on)
• Add missing SVG's. (Note may need to update the colors and strokes in the svg files. )

[Jingo88]

We'll need a new key/value here. Can delete the old key if it isn't used anywhere else.

[Jingo88]

We may want to add bitTypography to these and follow the typography of the text elements in figma

Since different svgs need to be imported, may make sense to keep some of the logic to determine the icon and text in the ts file?

[Jingo88]

Same here for typography