Share blueprint modal improvements

[twschiller]

Context

• We have a "Share" modal on the active bricks page available from the "..." menu of active personal extension
• There are multiple points of confusion
  • The "Public" option is toggled on by default. (People think that means it's already public)
  • The description field is required, but it doesn't tell you that until you click submit
  • If users are a member of multiple teams and their monitor is small, they may not see the Submit button, so they don't realize they have to submit it to actually Share
  • In some cases the Submit button is disabled, but there's no feedback on the form about an error

Implementation Sketch

• Default the description to "Created with the PixieBrix Page Editor"
• Fix toggle and toggle label alignment
• Don't default "Public" to true
• Ensure all fields are required and provide feedback correctly (when touched)
• After converting to a Blueprint show a modal with an activation link and "copy" button: https://app.pixiebrix.com/activate?id=<URI encoded blueprint id> with a copy button

Related

• User on feedback on sharing: https://www.notion.so/pixiebrix/Brittany-Joiner-Sharing-8d830f2edec44a08bb469e66dcda5d3c
• You can use the copy-to-clipboard package to help with copying to clipboard