From 180111a02e4688d00a8f9027daea6942714849d5 Mon Sep 17 00:00:00 2001
From: anavoi <anavoi@gaboule.com>
Date: Thu, 21 Aug 2025 22:53:24 +0200
Subject: [PATCH 1/2] Add shield icon when messaging in an encrypted room

---
 src/app/features/room/RoomInput.tsx | 29 +++++++++++++++++++++--------
 1 file changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/app/features/room/RoomInput.tsx b/src/app/features/room/RoomInput.tsx
index 76bafc9..b00dee2 100644
--- a/src/app/features/room/RoomInput.tsx
+++ b/src/app/features/room/RoomInput.tsx
@@ -580,14 +580,27 @@ export const RoomInput = forwardRef<HTMLDivElement, RoomInputProps>(
             )
           }
           before={
-            <IconButton
-              onClick={() => pickFile('*')}
-              variant="SurfaceVariant"
-              size="300"
-              radii="300"
-            >
-              <Icon src={Icons.PlusCircle} />
-            </IconButton>
+            room.hasEncryptionStateEvent() ?
+              [
+                <IconButton
+                  onClick={() => pickFile('*')}
+                  variant="SurfaceVariant"
+                  size="300"
+                  radii="300"
+                >
+                  <Icon src={Icons.PlusCircle} />
+                </IconButton>,
+                <Icon src={Icons.ShieldLock} />,
+              ] : (
+                < IconButton
+                  onClick={() => pickFile('*')}
+                  variant="SurfaceVariant"
+                  size="300"
+                  radii="300"
+                >
+                  <Icon src={Icons.PlusCircle} />
+                </IconButton>
+              )
           }
           after={
             <>

From f2e0d23c3084382cd1797a8f4284663bc8acc34a Mon Sep 17 00:00:00 2001
From: anavoi <anavoi@gaboule.com>
Date: Thu, 21 Aug 2025 22:53:40 +0200
Subject: [PATCH 2/2] Fix fallback messages

---
 src/app/components/message/content/FallbackContent.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/components/message/content/FallbackContent.tsx b/src/app/components/message/content/FallbackContent.tsx
index 9edb967..d5c817b 100644
--- a/src/app/components/message/content/FallbackContent.tsx
+++ b/src/app/components/message/content/FallbackContent.tsx
@@ -20,28 +20,28 @@ export const MessageDeletedContent = as<'div', { children?: never; reason?: stri
 export const MessageUnsupportedContent = as<'div', { children?: never }>(({ ...props }, ref) => (
   <Box as="span" alignItems="Center" gap="100" style={criticalStyle} {...props} ref={ref}>
     <Icon size="50" src={Icons.Warning} />
-    <i>Unsupported message</i>
+    <i>Unsupported message.</i>
   </Box>
 ));
 
 export const MessageFailedContent = as<'div', { children?: never }>(({ ...props }, ref) => (
   <Box as="span" alignItems="Center" gap="100" style={criticalStyle} {...props} ref={ref}>
     <Icon size="50" src={Icons.Warning} />
-    <i>Failed to load message</i>
+    <i>Failed to load message.</i>
   </Box>
 ));
 
 export const MessageBadEncryptedContent = as<'div', { children?: never }>(({ ...props }, ref) => (
   <Box as="span" alignItems="Center" gap="100" style={warningStyle} {...props} ref={ref}>
     <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>
 ));
 
 export const MessageNotDecryptedContent = as<'div', { children?: never }>(({ ...props }, ref) => (
   <Box as="span" alignItems="Center" gap="100" style={warningStyle} {...props} ref={ref}>
     <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>
 ));