Private chat / Conversation UI
dtonon opened this issue · comments
I propose this quick redesign, primary intended to highlight the new NIP-17 DM:
-
A label identifying the encryption mode, with an information pop-up describing its features/limits; I'm not sure about the "Basic encryption" definition, maybe we need to emphasize that it's weak?
-
Top "Last notes" and "Profile" buttons;
-
Update the icon for the message preferences, using the standard icon used everywhere;
![image](https://private-user-images.githubusercontent.com/89577423/342468273-9e0435e2-5e83-4324-8476-d3f281258e97.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxNTUyOTgsIm5iZiI6MTcyNDE1NDk5OCwicGF0aCI6Ii84OTU3NzQyMy8zNDI0NjgyNzMtOWUwNDM1ZTItNWU4My00MzI0LTg0NzYtZDNmMjgxMjU4ZTk3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDExNTYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWFkOWJmMjkyZmIyNTBiYmQwNjA1NmZhYzU2MTNiZDk5ZDlhOWUzMzU5MjAzOTgyMzU4ODdlNjI1ODk4YTUyN2EmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.q9SUomMolXAr-yTY-VWqmsVK5e3OJLakIVI6ct-oZIQ)
![image](https://private-user-images.githubusercontent.com/89577423/342468342-03d589ae-b712-4dc6-abcf-5872f913b517.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxNTUyOTgsIm5iZiI6MTcyNDE1NDk5OCwicGF0aCI6Ii84OTU3NzQyMy8zNDI0NjgzNDItMDNkNTg5YWUtYjcxMi00ZGM2LWFiY2YtNTg3MmY5MTNiNTE3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDExNTYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTBkZDgyNzU4NzFhOTAzNmRjODQ0OWIyNGE4MmFiMTk3OGUzYzcwODU4ZDIxYjlmYTA5MDNhODRkNTJjMjZkMGQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.W2fxKnSIkc0lxMlWTjMA3mhuGo1YNhfmwO53nTktxmw)
@bu5hm4nn I will create a different issue for the info popover component.
Each message in your DM feed could be either weak or strong. Maybe we should highlight each message.
After fiddling with the note rendering for quite a while I have the following to say
a) currently rendering and parsing the note are not separate, they are inter-twined all the way down to showing shattered content
b) this means that refactoring only a part of the code is virtually impossible / or could have huge hard-to test consequences since many code paths only show on certain note content.
So unfortunately that means I need to re-write note rendering in order to create the design proposed here for DM's. That is not a bad thing, but it means this would be delayed by at least another week (with testing).
I would suggest planning a re-write of note rendering, but combining it with creating automated tests (where we create a folder of json test data for different note scenarios), so that we can start assure good results.
For now I suggest using this simplified note display for DMs:
ok
I would suggest planning a re-write of note rendering
I was planning to redesign it, I will go on.
For now I suggest using this simplified note display for DMs:
Ok.
Is it possibile at least to hide the useless bullet button that point to the current note?
Regarding the tooltip for the encryption strength indicator. I would recommed we write a detailed explanation on how to switch to Giftwrap encryption on the help pages and link to that page in the tooltip. Unless someone writes a text first I will just write one up which can then be improved.
@bu5hm4nn it's ok, you can just add more space between the elements on bottom-right (indicator, date, seen on).
Some more notes:
![image](https://private-user-images.githubusercontent.com/89577423/347909106-7667bd94-1c53-417d-9352-49e264f50137.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxNTUyOTgsIm5iZiI6MTcyNDE1NDk5OCwicGF0aCI6Ii84OTU3NzQyMy8zNDc5MDkxMDYtNzY2N2JkOTQtMWM1My00MTdkLTkzNTItNDllMjY0ZjUwMTM3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MjAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODIwVDExNTYzOFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk2NDMxNjQxYzljZWU4ZWVkYTQ3YzY1YTllYmRmMjliOGJhYjdlZjE3ZDFhOTM5ZDI3OTcxNWQ2YzEwMjI3YjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.T1_4kYWT72FBY5EbV--Rj1MEC-TUdQfNo22CrfaYleE)
- If a DM is a reply the parent overlap the name; we can also simply hide the link for the time being;
- If a DM uses NIP-44 we should treat it as the default situation, so I would not show anything, or at least not a green dot, it is too prominent; if we want to highlight the new encryption, lets use a dot with a very dark gray;
- Remove "DIRECT MESSAGE TO: dtonon", it is not necessary;
To do:
- Add the encryption badge that partially overlap the compose area (let me know if it is too complex, we can find an alternative solution)
- Add the top right button "Last notes" and "Profile"
About the action menu, I would organizer it this way:
Copy text
- To clipboard
- Via QR Code
Manage
- Delete
- Annotate
- Rebrodcast (X)
Bookmark
- Public
- Private
Copy ID
- Nevent
- Note
- Hex
Debug
- Show Json
- Copy Json
- Rerender
- Dismiss
The annotate doesn't seem to work for me.
Would be nice show the QR Code and the Json in a modal; it is prettier and also easier to revert (close button).