Gaboule/chat
1
0
Fork 0
Code Issues Pull requests Activity

Fix fallback messages

Browse source
This commit is contained in:
anavoi 2025-08-21 22:53:40 +02:00
commit f2e0d23c30
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/app/components/message/content/FallbackContent.tsx
View file

@ -20,28 +20,28 @@ export const MessageDeletedContent = as<'div', { children?: never; reason?: stri
export const MessageUnsupportedContent = as<'div', { children?: never }>(({ ...props }, ref) => ( export const MessageUnsupportedContent = as<'div', { children?: never }>(({ ...props }, ref) => (
<Box as="span" alignItems="Center" gap="100" style={criticalStyle} {...props} ref={ref}> <Box as="span" alignItems="Center" gap="100" style={criticalStyle} {...props} ref={ref}>
<Icon size="50" src={Icons.Warning} /> <Icon size="50" src={Icons.Warning} />
<i>Unsupported message</i> <i>Unsupported message.</i>
</Box> </Box>
)); ));
export const MessageFailedContent = as<'div', { children?: never }>(({ ...props }, ref) => ( export const MessageFailedContent = as<'div', { children?: never }>(({ ...props }, ref) => (
<Box as="span" alignItems="Center" gap="100" style={criticalStyle} {...props} ref={ref}> <Box as="span" alignItems="Center" gap="100" style={criticalStyle} {...props} ref={ref}>
<Icon size="50" src={Icons.Warning} /> <Icon size="50" src={Icons.Warning} />
<i>Failed to load message</i> <i>Failed to load message.</i>
</Box> </Box>
)); ));
export const MessageBadEncryptedContent = as<'div', { children?: never }>(({ ...props }, ref) => ( export const MessageBadEncryptedContent = as<'div', { children?: never }>(({ ...props }, ref) => (
<Box as="span" alignItems="Center" gap="100" style={warningStyle} {...props} ref={ref}> <Box as="span" alignItems="Center" gap="100" style={warningStyle} {...props} ref={ref}>
<Icon size="50" src={Icons.Lock} /> <Icon size="50" src={Icons.Lock} />
<i>Unable to decrypt message</i> <i>Unable to decrypt message. Please verify your session or restore your backup.</i>
</Box> </Box>
)); ));
export const MessageNotDecryptedContent = as<'div', { children?: never }>(({ ...props }, ref) => ( export const MessageNotDecryptedContent = as<'div', { children?: never }>(({ ...props }, ref) => (
<Box as="span" alignItems="Center" gap="100" style={warningStyle} {...props} ref={ref}> <Box as="span" alignItems="Center" gap="100" style={warningStyle} {...props} ref={ref}>
<Icon size="50" src={Icons.Lock} /> <Icon size="50" src={Icons.Lock} />
<i>This message is not decrypted yet</i> <i>This message is not decrypted yet. Please wait.</i>
</Box> </Box>
)); ));