Page MenuHomePhorge
Files F32212399

D13998.1765141030.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D13998.1765141030.diff
View Options

diff --git a/keyserver/src/frog/frog.js b/keyserver/src/frog/frog.js
--- a/keyserver/src/frog/frog.js
+++ b/keyserver/src/frog/frog.js
@@ -16,8 +16,8 @@
function startFrogHonoServer() {
const frogApp = new Frog({ title: 'frog app' });
- frogApp.frame('/:inviteLink/:channelID', async c => {
- const { inviteLink, channelID } = c.req.param();
+ frogApp.frame('/:inviteLink/:channelID/:taggerUsername', async c => {
+ const { inviteLink, channelID, taggerUsername } = c.req.param();
let buttonLink = 'https://comm.app';
const inviteLinkURLPrefix = inviteLinkURL('');
@@ -45,6 +45,11 @@
header_image_url = channelInfo.header_image_url;
}
+ const displayUsername =
+ taggerUsername.length > 16
+ ? `${taggerUsername.slice(0, 16)}[...]`
+ : taggerUsername;
+
return c.res({
image: (
<div
@@ -66,6 +71,69 @@
objectFit: 'cover',
}}
/>
+ <div
+ style={{
+ minWidth: '55%',
+ width: 'auto',
+ height: '37%',
+ position: 'absolute',
+ backgroundColor: 'rgba(0, 0, 0, 0.8)',
+ borderRadius: '40px',
+ padding: '20px 40px',
+ border: '4px solid white',
+ display: 'flex',
+ flexDirection: 'column',
+ justifyContent: 'center',
+ alignItems: 'center',
+ }}
+ >
+ <div
+ style={{
+ display: 'flex',
+ alignItems: 'center',
+ justifyContent: 'center',
+ width: '100%',
+ height: '80%',
+ }}
+ >
+ {channelInfo?.image_url && (
+ <img
+ src={channelInfo.image_url}
+ alt="icon"
+ style={{
+ width: '80px',
+ height: '80px',
+ borderRadius: '20px',
+ marginRight: '15px',
+ }}
+ />
+ )}
+ <span
+ style={{
+ color: 'white',
+ fontSize: '32px',
+ weight: '500',
+ textAlign: 'center',
+ }}
+ >
+ Thread Invitation
+ </span>
+ </div>
+
+ <div
+ style={{
+ width: '100%',
+ height: '20%',
+ display: 'flex',
+ justifyContent: 'center',
+ alignItems: 'center',
+ }}
+ >
+ <span style={{ color: 'white', weight: '500', fontSize: '32px' }}>
+ @{displayUsername} created a thread on Comm
+ </span>
+ </div>
+ </div>
</div>
),
intents: [

File Metadata

Mime Type
text/plain
Expires
Sun, Dec 7, 8:57 PM (15 h, 42 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5846045
Default Alt Text
D13998.1765141030.diff (2 KB)

Event Timeline