Implement Social Share Link Flows

[earth2travis]

Share Flows

Make it easy for users to share a link to the project from

1. The Project View
2. The Launch Confirmation View
3. The Yeet Confirmation View

What happens when someone clicks the "Share on Socials" button

• [x] Design views the user will see
• [ ] Get share code from each platform
• [ ] Determine what is possible to customize
• [ ] Add features
• [ ] Test

Platforms

• Twitter
• Farcaster
  • What does the user post to their account?
  • Do we want any automated messages in a channel?

Maybe 🤷

• Discord
• Telegram
• Text message

[TravisWyche]

https://github.com/yeet-haus/mvp/assets/82594630/f015414d-b0a4-4358-95f7-defd4d739737

Hotdog has a modal that points to various socials (with snarky non-obvious text). I can design a similar modal with DH UI kit, unless we think some other flow would be better.

I'll research the share code for each platform...

[TravisWyche]

https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/overview

https://developer.twitter.com/en/docs/twitter-for-websites/tweet-button/guides/web-intent

[TravisWyche]

• Updated design with half-hotdog theme

• Pulled DH UI Kit Modal component and customized with the following changes:

• Changed colors to brand, then to Radix version of brand

• Deleted paragraph text. Left header as is

• Changed all fonts to Poppins

• Changed autolayout of _Modal Buttons to Align to Top Cenver and Vertical Layout, and to Hug Contents

• Changed autolayout of button groups to Align to Top Cenver and Vertical Layout

• Changed button width sizing to Fill, for all buttons

  • _Master
  • Small
  • Button

• Corner rounding on button from 4 > 40

• Corner rounding on modal frame from 8 > 80

• Deleted X icon. Should be set to close when clicked outside of the modal.

• Background should blur when modal appears
• Click outside of modal to close

https://github.com/yeet-haus/mvp/assets/82594630/689c7f52-75dd-4852-ac27-bb36d5a9bc7d

[earth2travis]

@TravisWyche we need to design a call-to-action to initiate a share flow from the project view

[TravisWyche]

I'm unclear on what design is needed here.

[earth2travis]

I'm unclear on what design is needed here.

Do we want to have any way to share from the project view?

https://yeet-mvp.vercel.app/#/molochv3/0xaa36a7/0x26507f050b033ff98d85df3825560db343e18e2a

[earth2travis]

Farcaster

This is an example of a social sharing flow for Farcaster from Onchain Love

URL: https://warpcast.com/~/compose?text=Send%20some%20Onchain%20Love%20to%20your%20favourite%20ETHDenver%20speakers%20%F0%9F%92%9B%20Free%20minting%20on%20@base%20%F0%9F%94%B5&embeds[]=https://ethdenver.fileverse.io/speakers/ameen_soleimani

[skuhlmann]

@earth2travis @TravisWyche We should add the warpcast/frame link to this somehow if the yeet is on base -

Some sort of indicator that you can share a frame and instrucitons to copy and paste into a cast.