Refine delayed send

[ticruz38]

NoteCreate:

• Close the modal once the event is signed
• Re-open the modal when/if the sent is cancelled
• Keep an entry in the draft store with id "note-create" to keep the note content during the modal lifecycle

NoteReply:

• Save the draft if the send is cancelled
• Align the note content text with the countdown text
• loading start at 20% to the left, the loading bar is now tweened animated rather than spring animated, for a smoother look
• The loading bar has a lighter background now as Daniele's screenshot
• When a Note is being replied, a reply with a background accent appear on the parent note, per Daniele's screenshot.
• The thing missing from Daniele's screenshot is the action popover next to the loading bar, the note actions (deleted, broadcast repost etc) can only be used once the event is actually uploaded to one relay, so it should probably slide in before the upload is complete, let me know if I should add it anyway.

[ticruz38]

#480

[staab]

A few small things:

• "Sending in x seconds" shows one fewer than it should. So if your timeout is 5, it starts with 4, and shows 0 for one second.
• NoteReply should automatically open again after canceling send.
• Where did you get the orange reply button? I don't see it in the mockups here at least. Anyway, we should just leave this as it was.
• The reply bar still doesn't look like the mockups. It's missing the outline, and the gradient doesn't fade to the card's background color

Screen.Recording.2024-11-21.at.11.18.57.AM.mov

Screen.Recording.2024-11-21.at.11.25.14.AM.mov

[staab]

If you're using publishThunk, this shouldn't be necessary, welshman does it automatically.

[ticruz38]

• I made this change so that the countdown does go to zero, it's a Math.ceil, If I start at 5 the note will send at 1
• the orange reply button is in the @dtonon mockup, not sure how to display/use it, my understanding is to show it when the note is being replied
• damn I thought I had the reply loading bar right this time

[ticruz38]

• Reply button is gone
• NoteReply does reopen on cancel

On your last point I'm confused, are you speaking of the loading bar?

Daniele's mockup

App rendering

The gradient goes from var(--accent) to transparent, I don't see an outline in Daniele's design, I might be looking at the wrong thing though

[staab]

My bad, I was looking at your first version as the authoritative mockup 🤦‍♂️ What you have now looks fine, the one thing would be to add something to the state pre-publish, which looks pretty naked. I like what you had originally, with the outline matching the button color

[staab]

TERNARY MADNESS

[ticruz38]

🤯
I agree, I'll make a function in the script