feat(ui): filetype icons

[renefloor]

Submit a pull request

Linear: FLU-368

CLA

• I have signed the Stream CLA (required).
• The code changes follow best practices
• Code changes are tested (add some information if not applicable)

Description of the pull request

This adds the icons for file types: https://www.figma.com/design/Us73erK1xFNcB5EH3hyq6Y/Chat-SDK-Design-System?node-id=157-2400&m=dev

As per discussion on Figma, the icons are simplified compared to chat, the text is now variable so we can have a limited set of svg's.

I have all mime types from chat: https://github.com/GetStream/stream-chat-flutter/blob/master/packages/stream_chat_flutter/lib/src/utils/helpers.dart#L334-L388
And added video types.

Screenshots / Videos

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

• 🔍 Trigger a full review

✨ Finishing touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/filetype-icons

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
⚠️ Please upload report for BASE (main-design-system@8f016cb). Learn more about missing BASE report.

Additional details and impacted files

@@                  Coverage Diff                  @@
##             main-design-system      #41   +/-   ##
=====================================================
  Coverage                      ?   39.96%           
=====================================================
  Files                         ?       53           
  Lines                         ?     1041           
  Branches                      ?        0           
=====================================================
  Hits                          ?      416           
  Misses                        ?      625           
  Partials                      ?        0           

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

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.