Skip to content

Even more bug fixing!#102

Merged
abrar-amin merged 3 commits intomainfrom
abrar-bug-fixes
Mar 8, 2026
Merged

Even more bug fixing!#102
abrar-amin merged 3 commits intomainfrom
abrar-bug-fixes

Conversation

@abrar-amin
Copy link
Collaborator

Summary

  • Fix text overflow issues in profile screen and buttons
  • Prevent onboarding video from rendering unnecessarily
  • Fix photo upload grid spacing

Changes:
Profile screen: Added text wrapping for long display names and fixed container flex properties to prevent overflow
Button component: Added text scaling and a single-line constraint to handle long button text gracefully
Weekly match card: Added flexWrap to the button container to prevent layout issues
Onboarding video optimization: Only render the OnboardingVideo component when actually visible (the video player kept popping up briefly).

Index screen: Added persistent storage check to skip the onboarding video for returning users
Photo upload grid: Adjusted horizontal padding calculation to fix spacing

Test Plan

Simulator.Screen.Recording.-.iPhone.17.-.2025-11-27.at.18.55.47.mov
image image

Note: This new introduces a new bug where the app flashes the log in page briefly.

@netlify
Copy link

netlify bot commented Nov 30, 2025

Deploy Preview for redi-love ready!

Name Link
🔨 Latest commit 10d0b5c
🔍 Latest deploy log https://app.netlify.com/projects/redi-love/deploys/692c56a5bb8738000853c832
😎 Deploy Preview https://deploy-preview-102--redi-love.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@abrar-amin abrar-amin requested review from clementroze and jujulcrane and removed request for clementroze November 30, 2025 03:39
@abrar-amin abrar-amin changed the title Initial commit Even more bug fixing! Nov 30, 2025
Copy link
Collaborator

@jujulcrane jujulcrane left a comment

Choose a reason for hiding this comment

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

Looks great Abrar, thanks for fixing these bugs!

Were you able to test that the onboarding video still plays when the user is new? It probably does because I don't think your code could of messed that up but it's good to test it just incase if possible. (I'm saying this because I rebuilt the app and it didn't play but idk if me rebuilding the app counts as a new user or not?)

Copy link
Collaborator

@clementroze clementroze left a comment

Choose a reason for hiding this comment

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

thx abrar, just make sure to fix the 2 alerts and also some follow up comments :)

const NUM_COLUMNS = 3; // 3 columns for a 2x3 grid (6 items total)
const GRID_GAP = 4; // Gap between items
const HORIZONTAL_PADDING = 32; // Account for parent container padding (16 on each side)
const HORIZONTAL_PADDING = 40; // Account for parent container padding (20 on each side)
Copy link
Collaborator

Choose a reason for hiding this comment

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

hang on, this introduces a regression in the photoupload grid in Edit Profile

In the current production it's working correctly (and at different display/zoom sizes), but on ur branch, you can see it appears cut off:

Image

Comment on lines +221 to +222
adjustsFontSizeToFit
minimumFontScale={0.8}
Copy link
Collaborator

Choose a reason for hiding this comment

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

nice

},
buttonContainer: {
flexDirection: 'row',
flexWrap: 'wrap',
Copy link
Collaborator

Choose a reason for hiding this comment

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

do you have a pic of the before/after of this?

i can't seem to test it on local rn (prob cuz match cards aren't shown yet?)

Comment on lines +367 to +372
{showOnboarding && (
<OnboardingVideo
visible={showOnboarding}
onFinish={handleOnboardingFinish}
/>
)}
Copy link
Collaborator

Choose a reason for hiding this comment

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

thanks for this fix! While you're at it, do you also wanna try fixing the Log in page flashing briefly before you go to Home?

Simulator.Screen.Recording.-.iPhone.16.Plus.-.2025-11-30.at.11.26.34.mp4

@netlify
Copy link

netlify bot commented Mar 7, 2026

Deploy Preview for redi-love ready!

Name Link
🔨 Latest commit a2b9fd4
🔍 Latest deploy log https://app.netlify.com/projects/redi-love/deploys/69ac7045dec4920008e7c81e
😎 Deploy Preview https://deploy-preview-102--redi-love.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@sonarqubecloud
Copy link

sonarqubecloud bot commented Mar 7, 2026

@abrar-amin abrar-amin merged commit 8ae63ac into main Mar 8, 2026
11 checks passed
@abrar-amin abrar-amin deleted the abrar-bug-fixes branch March 8, 2026 00:30
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.

4 participants