Skip to content

feat: add offline available icon to preview header - WPB-25602#4739

Open
OlivellaO wants to merge 1 commit into
developfrom
feat/add-offline-icon-when-available-offline
Open

feat: add offline available icon to preview header - WPB-25602#4739
OlivellaO wants to merge 1 commit into
developfrom
feat/add-offline-icon-when-available-offline

Conversation

@OlivellaO
Copy link
Copy Markdown
Collaborator

@OlivellaO OlivellaO commented May 20, 2026

TaskWPB-25602 [iOS] Add offline icon for file available offline in conversation view

Issue

Add icon next to the file name on Previews for offline available files
Captura de pantalla 2026-05-20 a las 8 57 16

Testing

  • Send a file document file (or another with the Preview header)
  • Make a file available offline
  • Check the Preview on the conversation screen

Checklist

  • Title contains a reference JIRA issue number like [WPB-XXX].
  • Description is filled and free of optional paragraphs.
  • Adds/updates automated tests.

UI accessibility checklist

If your PR includes UI changes, please utilize this checklist:

  • Make sure you use the API for UI elements that support large fonts.
  • All colors are taken from WireDesign.ColorTheme or constructed using WireDesign.BaseColorPalette.
  • New UI elements have Accessibility strings for VoiceOver.

@sonarqubecloud
Copy link
Copy Markdown

@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented May 20, 2026

Test Results

303 tests   303 ✅  1m 42s ⏱️
 60 suites    0 💤
  1 files      0 ❌

Results for commit 6b2b3c5.

Summary: workflow run #26146940426
Allure report (download zip): html-report-30133-feat_add-offline-icon-when-available-offline

Copy link
Copy Markdown
Collaborator

@WilhelmOks WilhelmOks left a comment

Choose a reason for hiding this comment

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

looking good but needs changes on the icon render functions

.resizable()
.frame(width: 10, height: 10)
.foregroundStyle(ColorTheme.Base.secondaryText.color)
.accessibilityLabel("Offline available")
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

the text label needs to be localized.

btw, I think this is grammatically wrong. It should be "Available offline". Might be a literal translation from German.

@@ -176,6 +176,7 @@ struct FilesItemView: View {
.resizable()
.frame(width: 10, height: 10)
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

a fixed size will probably look bad on different scales. I suggest to make it adapt to the text size of the text that it is next to

.resizable()
.frame(width: 10, height: 10)
.foregroundStyle(ColorTheme.Base.secondaryText.color)
.accessibilityLabel("Offline available")
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

please see my other comments on the same function

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

also, since this is an exact copy, I suggest to extract it into a separate mini component (SwiftUI View)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants