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(react-image): change Load to return loaded HTMLImageElement #61

Merged
merged 9 commits into from
Dec 20, 2023

Conversation

manudeli
Copy link
Collaborator

change Load to return loaded HTMLImageElement

Please check the following:

  • I have written documents and tests, if needed.

@manudeli manudeli requested a review from tooooo1 as a code owner December 20, 2023 16:11
@manudeli manudeli self-assigned this Dec 20, 2023
Copy link

changeset-bot bot commented Dec 20, 2023

🦋 Changeset detected

Latest commit: 0971e0a

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages
Name Type
@fepack/react-image Patch
@fepack/image Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

Copy link

netlify bot commented Dec 20, 2023

Deploy Preview for fepack ready!

Name Link
🔨 Latest commit 0971e0a
🔍 Latest deploy log https://app.netlify.com/sites/fepack/deploys/6583170835378900082eb619
😎 Deploy Preview https://deploy-preview-61--fepack.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 site configuration.

return (
<div>
<Link href="/load">to load</Link>
<ErrorBoundary fallback={() => <>load image error</>}>
<Suspense.CSROnly fallback={<Spinner />}>
<Load src="https://ik.imagekit.io/ikmedia/women-dress-2.jpg">
{(loaded) => <img src={loaded.src} />}
{(loadedImage) => <img src={loadedImage.src} />}
Copy link
Member

Choose a reason for hiding this comment

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

what about image? Since it is Load, I naturally think it is a loaded image.

Suggested change
{(loadedImage) => <img src={loadedImage.src} />}
{(image) => <img src={image.src} />}

Copy link
Member

@tooooo1 tooooo1 left a comment

Choose a reason for hiding this comment

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

Cool

@manudeli manudeli merged commit a9d5fff into main Dec 20, 2023
10 checks passed
@manudeli manudeli deleted the react-image/fix/Load-return branch December 20, 2023 16:33
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants