Attachment preview is cut if the file name is long - @Santhosh-Sellavel

[isagoico]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Action Performed:

1. Navigate to a conversation
2. Upload a file with a long name that will not show a preview (like a zip or a mp4)

Expected Result:

The attachment preview should not extend beyond the screen.

Actual Result:

Attachment preview is cut if the file name is long and the download button is not visible.

Workaround:

Upload files with shorter names.

Platform:

Where is this issue occurring?

• iOS
• Android

Version Number: 1.1.7-0

Reproducible in staging?: yes
Reproducible in production?: yes

Logs: https://stackoverflow.com/c/expensify/questions/4856

Notes/Photos/Videos: Any additional supporting documentation

Expensify/Expensify Issue URL:

Issue reported by: @Santhosh-Sellavel
Slack conversation: https://expensify.slack.com/archives/C01GTK53T8Q/p1633726212054300?thread_ts=1633726118.053700&cid=C01GTK53T8Q

View all open jobs on GitHub

[MelvinBot]

Triggered auto assignment to @chiragsalian (Engineering), see https://stackoverflow.com/c/expensify/questions/4319 for more details.

[Santhosh-Sellavel]

Proposal

1. Add style style={styles.mw100} in here.
   

   App/src/components/AnchorForCommentsOnly/BaseAnchorForCommentsOnly/index.native.js

   Line 27 in ed0eae8

   <Pressable onPress={() => {

2. Add style styles.flexShrink1 in here.
   

   App/src/components/AttachmentView.js

   Line 65 in ed0eae8

   <Text style={[styles.textStrong]}>{props.file && props.file.name}</Text>

Post Fix:

[MelvinBot]

Triggered auto assignment to @puneetlath (External), see https://stackoverflow.com/c/expensify/questions/8582 for more details.

[chiragsalian]

Demoting to weekly since there is N6 hold on this. @Santhosh-Sellavel your proposal looks good to me. Once puneet posts the issue on Upwork feel free to post your plan there and we'll hire you for the task.

[puneetlath]

@Santhosh-Sellavel created the job and invited you!

[Santhosh-Sellavel]

Applied for the job! Will get started and submit PR soon!