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

[WEB-3649] Port JSX to TSX #326

Merged
merged 1 commit into from
Mar 21, 2024
Merged

[WEB-3649] Port JSX to TSX #326

merged 1 commit into from
Mar 21, 2024

Conversation

jamiehenson
Copy link
Member

@jamiehenson jamiehenson commented Mar 20, 2024

Jira Ticket Link / Motivation

https://ably.atlassian.net/browse/WEB-3649

Summary of changes

Takes every JSX file in this repo and converts it to TSX, introducing additional supporting types that are present across the assets.

I only performed the minimum changes, that is, rename the file extension and do what is needed to appease TSC - no other logical changes have been made (where possible).

There's a host of JS assets as well, but this repo is big enough.

How do you manually test this?

Pull down, pull packages, yarn storybook, it works.

Reviewer Tasks (optional)

Merge/Deploy Checklist

  • Written automated tests for implemented features/fixed bugs
  • Rebased and squashed commits
  • Commits have clear descriptions of their changes
  • Checked for any performance regressions

Frontend Checklist

  • No frontend changes in this PR
  • Added before/after screenshots for changes
  • Tested on different platforms/browsers with Browserstack
  • Compared with the initial design / our brand guidelines
  • Checked the code for accessibility issues (VoiceOver User Guide)?

@ably-ci ably-ci temporarily deployed to ably-ui-jsx-to-tsx-x28mc8gxavn March 20, 2024 16:00 Inactive
@ably-ci ably-ci temporarily deployed to ably-ui-jsx-to-tsx-icui3lwxv0l March 20, 2024 16:03 Inactive
@ably-ci ably-ci temporarily deployed to ably-ui-jsx-to-tsx-qjjkr0bsxhi March 20, 2024 16:07 Inactive
@ably-ci ably-ci temporarily deployed to ably-ui-jsx-to-tsx-dcomq2taplu March 20, 2024 16:11 Inactive
@jamiehenson jamiehenson changed the title [WEB-3649] Storybook migration: JSX to TSX [WEB-3649] Port JSX to TSX Mar 20, 2024
@jamiehenson jamiehenson marked this pull request as ready for review March 20, 2024 16:13
Copy link
Contributor

@aleksandar-r aleksandar-r left a comment

Choose a reason for hiding this comment

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

Looks amazing, great work, I have just a couple of suggestions, otherwise believe it can be merged

import React from "react";

type CustomerLogosProps = {
companies: {
Copy link
Contributor

Choose a reason for hiding this comment

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

Should we create a some kind of company entity type here ?

@@ -95,7 +95,7 @@ self.addEventListener("fetch", function (event) {

// Bypass navigation requests.
if (request.mode === "navigate") {
return;
return;
Copy link
Contributor

Choose a reason for hiding this comment

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

This seems unnecessary change.

Copy link
Member Author

Choose a reason for hiding this comment

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

The linter strikes again. I added to the .prettierignore to exclude this file, but something slipped through. I shall update to remove this from the diff

<p className="ui-meganav-media-heading">
Status
<iframe
title="Ably status"
src="https://status.ably.com/embed/icon"
allowtransparency="true"
Copy link
Contributor

Choose a reason for hiding this comment

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

Finally, this thing is being taken care of, it really annoyed me 🥇

Copy link
Member Author

Choose a reason for hiding this comment

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

It's weird how React and the DOM have no real way to agree on this. React hates this form, the DOM hates allowTransparency

@ably-ci ably-ci temporarily deployed to ably-ui-jsx-to-tsx-zfvhexrlko8 March 21, 2024 13:52 Inactive
@ably-ci ably-ci temporarily deployed to ably-ui-jsx-to-tsx-ny7lz4wdnnn March 21, 2024 13:53 Inactive
@jamiehenson jamiehenson merged commit 409826f into main Mar 21, 2024
6 checks passed
@jamiehenson jamiehenson deleted the jsx-to-tsx branch March 21, 2024 13:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

3 participants