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

Allow for smaller share dialog when we don't want previews #9655

Merged
merged 1 commit into from
Aug 25, 2023

Conversation

srietkerk
Copy link
Contributor

The new share dialog allows for the recording and screenshotting of the simulators in micro:bit and arcade, but we don't have something to easily preview in Minecraft at the moment. That means that the "record gif" or "take screenshot" area of the share dialog is not useful and is also buggy.

If one of our targets specifies that it doesn't want to record GIF previews or allow screenshots of a simulator in pxtarget.json, we now get rid of that part of the share modal. When getting rid of the preview area of the share modal, the input for the project name was awkwardly long. So I've also updated the styling so that if we don't have something to preview for the project, we use a smaller share modal.

Before
image

After
image
image

Closes https://github.com/microsoft/pxt-minecraft/issues/2317

@srietkerk srietkerk requested a review from a team August 24, 2023 22:35
@@ -209,7 +207,7 @@ export class ShareEditor extends auth.Component<ShareEditorProps, ShareEditorSta
return visible
? <Modal
title={lf("Share Project")}
className="sharedialog wide"
className={`sharedialog${thumbnails ? " wide" : ""}`}
Copy link
Member

Choose a reason for hiding this comment

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

Ahah, was my guesstimate of 40rem just the default when it's not .wide? Looks same

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Yep! I was a bit mind blown by that!

image

Copy link
Contributor

@thsparks thsparks left a comment

Choose a reason for hiding this comment

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

One question, but just a curiosity. Not blocking.

@@ -195,9 +195,7 @@ export class ShareEditor extends auth.Component<ShareEditorProps, ShareEditorSta
const { visible, projectName: newProjectName, title, screenshotUri } = this.state;
const { simScreenshot, simGif } = pxt.appTarget.appTheme;
const hasIdentity = auth.hasIdentity() && this.isLoggedIn();
const light = !!pxt.options.light;
const thumbnails = pxt.appTarget.cloud && pxt.appTarget.cloud.thumbnails
Copy link
Contributor

Choose a reason for hiding this comment

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

Was pxt.appTarget.cloud.thumbnails superfluous in some way? I don't really know what it represents, but was curious as to why it was removed.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I'm not sure as to what it did, honestly. But the light and thumbnails variables were never used, and for the case of share dialog, if it's specified in pxtarget.json that we do or don't want the thumbnails, I think that's enough to either supply or ignore them.

Copy link
Contributor

Choose a reason for hiding this comment

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

Ah, got it. I missed that it was unused before your change.

@srietkerk srietkerk merged commit def7be5 into master Aug 25, 2023
7 checks passed
@srietkerk srietkerk deleted the srietkerk-share-no-thumb branch August 25, 2023 18:28
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.

3 participants