From 08301cee7d097f90878d54e2d42e315b60fcd566 Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Sat, 23 Aug 2025 17:06:49 +0530
Subject: [PATCH] revert: show invite reason as compact message

---
 src/app/pages/client/inbox/Invites.tsx | 56 +++++++++++---------------
 1 file changed, 23 insertions(+), 33 deletions(-)

diff --git a/src/app/pages/client/inbox/Invites.tsx b/src/app/pages/client/inbox/Invites.tsx
index af81b35d..e7955454 100644
--- a/src/app/pages/client/inbox/Invites.tsx
+++ b/src/app/pages/client/inbox/Invites.tsx
@@ -309,41 +309,31 @@ function InviteCard({
           </Box>
         </Box>
       </Box>
-      <Box gap="200" alignItems="Baseline">
-        <Box grow="Yes">
-          <Text size="T200" priority="300">
-            From: <b>{invite.senderId}</b>
-          </Text>
-        </Box>
-        {typeof invite.inviteTs === 'number' && invite.inviteTs !== 0 && (
-          <Box shrink="No">
-            <Time
-              size="T200"
-              ts={invite.inviteTs}
-              hour24Clock={hour24Clock}
-              dateFormatString={dateFormatString}
-              priority="300"
-            />
-          </Box>
-        )}
-      </Box>
-      {invite.reason && (
-        <CutoutCard
-          variant="Surface"
-          style={{ padding: `${config.space.S100} ${config.space.S200}` }}
-        >
-          <Box direction="Row" gap="100" alignItems="Baseline" wrap="Wrap">
-            <Username style={{ color: colorMXID(invite.senderId) }}>
-              <Text as="span" size="T300" truncate>
-                <UsernameBold>{invite.senderName}</UsernameBold>
-              </Text>
-            </Username>
-            <Text size="T300" priority="400">
-              {invite.reason}
+      <Box direction="Column">
+        <Box gap="200" alignItems="Baseline">
+          <Box grow="Yes">
+            <Text size="T200" priority="300">
+              From: <b>{invite.senderId}</b>
             </Text>
           </Box>
-        </CutoutCard>
-      )}
+          {typeof invite.inviteTs === 'number' && invite.inviteTs !== 0 && (
+            <Box shrink="No">
+              <Time
+                size="T200"
+                ts={invite.inviteTs}
+                hour24Clock={hour24Clock}
+                dateFormatString={dateFormatString}
+                priority="300"
+              />
+            </Box>
+          )}
+        </Box>
+        {invite.reason && (
+          <Text size="T200" priority="300">
+            Reason: {invite.reason}
+          </Text>
+        )}
+      </Box>
     </SequenceCard>
   );
 }