-
-
Notifications
You must be signed in to change notification settings - Fork 1.7k
feat(user feedback): Create pen tool button for uf annotations #15102
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
Conversation
size-limit report 📦
|
❌ 1 Tests Failed:
View the top 1 failed tests by shortest run time
To view more test analytics, go to the Test Analytics Dashboard |
const CropCorner = CropCornerFactory({ h }); | ||
const PenIcon = PenIconFactory({ h }); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you move these two lines up above the line return function ScreenshotEditor....
They should be in the same spot as the line const useTakeScreenshot = useTakeScreenshotFactory({ hooks });
setIsAnnotating(!isAnnotating); | ||
}} | ||
> | ||
<PenIcon></PenIcon> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Hmm surprised prettier doesn't clean this up
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
good catch!
…5062) - Updates some cropping variable names to make it more clear that it's only meant for cropping - The pen tool button is improved in #15102, which needs to be merged first - The drawing tool button needs to be "on" to annotate, but cropping can happen at any time - Once the button is "on", drawing happens on mouse down and mouse move, and on mouse up, the drawing gets "squashed" onto the image. The "squashing" can be moved to happen at a different time in a future PR if we want to incorporate undo, selection, or erasing - The experimental flag must be on to use annotations: `_experiments: {annotations: true}` https://github.com/user-attachments/assets/2fac5e56-5caf-454b-b8b3-afabbd2c31b9 Closes #15064 --------- Co-authored-by: Ryan Albrecht <ryan.albrecht@sentry.io>
Adds a proper pen tool button. The icon for the button is from the hackweek project

Unselected:
Selected:

Relates to #15064