Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix: new source and squad writing form issues #2895

Merged
merged 5 commits into from
Apr 2, 2024
Merged

fix: new source and squad writing form issues #2895

merged 5 commits into from
Apr 2, 2024

Conversation

sshanzel
Copy link
Member

@sshanzel sshanzel commented Apr 1, 2024

Changes

  • Add the missing title for the new source modal.
  • Squad writing must be wrapped in form actions.
  • Also fixed the uncentered image on mobile (first screenshot).

Screenshot 2024-04-01 at 10 24 45 PM

Screenshot 2024-04-01 at 10 23 03 PM

Screen.Recording.2024-04-01.at.11.10.20.PM.mov

Events

Did you introduce any new tracking events?
Don't forget to update the Analytics Taxonomy sheet

Log the new/changed events below:

Type event_name value
Change/New event name extra: { ... }

Please make sure existing components are not breaking/affected by this PR

Manual Testing

On those affected packages:

  • Have you done sanity checks in the webapp?
  • Have you done sanity checks in the extension?
  • Does this not break anything in companion?

Did you test the modified components media queries?

  • MobileL (420px)
  • Tablet (656px)
  • Laptop (1020px)

Did you test on actual mobile devices?

  • iOS (Chrome and Safari)
  • Android

MI-251 #done

Copy link

vercel bot commented Apr 1, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
daily-webapp ✅ Ready (Inspect) Visit Preview 💬 Add feedback Apr 2, 2024 10:22am
1 Ignored Deployment
Name Status Preview Comments Updated (UTC)
storybook ⬜️ Ignored (Inspect) Apr 2, 2024 10:22am

@rebelchris
Copy link
Contributor

rebelchris commented Apr 2, 2024

In your video the cancel goes to a completely different screen then where the user originated from.
That feels like bad UX no?

Edit:
Also should it not be a full screen modal?
I noticed it has the top header bar still

@sshanzel
Copy link
Member Author

sshanzel commented Apr 2, 2024

In your video the cancel goes to a completely different screen then where the user originated from.
That feels like bad UX no?

Yeah, noticed that too, but then I checked on prod and that is the current behavior.

Also should it not be a full screen modal?

I'm not sure it should be. Similar to the profile editing page, we wrapped it in a form.

I noticed it has the top header bar still

This is just some feature flag turned off.

@rebelchris
Copy link
Contributor

@sshanzel Could you maybe open the first 2 questions for design/product (non blocking, but maybe good as follow up)

Copy link
Contributor

@rebelchris rebelchris left a comment

Choose a reason for hiding this comment

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

Non blocking question.
Also note my other comment please

@@ -165,7 +173,41 @@ export function SquadDetails({
};

return (
<>
<ConditionalWrapper
condition={isMobile}
Copy link
Contributor

Choose a reason for hiding this comment

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

Should the condition not be isMobile && createMode?

Copy link
Member Author

Choose a reason for hiding this comment

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

On Edit mode, there should be a "Save" button.

Copy link
Contributor

Choose a reason for hiding this comment

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

But still in a form wrapper?

Copy link
Member Author

Choose a reason for hiding this comment

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

Yes.

<SquadDetails
className="p-8 pt-0"
form={form}
form={{ public: false }}
Copy link
Contributor

Choose a reason for hiding this comment

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

What does this setting do?

Copy link
Member Author

Choose a reason for hiding this comment

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

Not really sure what happens inside, but I just noticed a local state above and doesn't seem to be changed. Instead I added this inline object over the unnecessary hook.

@sshanzel
Copy link
Member Author

sshanzel commented Apr 2, 2024

@sshanzel Could you maybe open the first 2 questions for design/product (non blocking, but maybe good as follow up)

Not sure what's the motivation in making the Squad creation a popup since we are trying to move to pages, but sure, let me ask them.

@sshanzel sshanzel merged commit b0a8d60 into main Apr 2, 2024
10 checks passed
@sshanzel sshanzel deleted the MI-251 branch April 2, 2024 10:25
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