Hide message button from own profile (#2461)

diff --git a/src/app/components/user-profile/UserRoomProfile.tsx b/src/app/components/user-profile/UserRoomProfile.tsx
index e92d909825ed1d50ff67b673e9835de23cf35f98..b8b34d788289cdea4c3fcefd546c7b74bf7af90f 100644 (file)
--- a/src/app/components/user-profile/UserRoomProfile.tsx
+++ b/src/app/components/user-profile/UserRoomProfile.tsx
@@ -95,25 +95,27 @@ export function UserRoomProfile({ userId }: UserRoomProfileProps) {
         <Box direction="Column" gap="400">
           <Box gap="400" alignItems="Start">
             <UserHeroName displayName={displayName} userId={userId} />
-            <Box shrink="No">
-              <Button
-                size="300"
-                variant="Primary"
-                fill="Solid"
-                radii="300"
-                disabled={directMessageState.status === AsyncStatus.Loading}
-                before={
-                  directMessageState.status === AsyncStatus.Loading ? (
-                    <Spinner size="50" variant="Primary" fill="Solid" />
-                  ) : (
-                    <Icon size="50" src={Icons.Message} filled />
-                  )
-                }
-                onClick={handleMessage}
-              >
-                <Text size="B300">Message</Text>
-              </Button>
-            </Box>
+            {userId !== myUserId && (
+              <Box shrink="No">
+                <Button
+                  size="300"
+                  variant="Primary"
+                  fill="Solid"
+                  radii="300"
+                  disabled={directMessageState.status === AsyncStatus.Loading}
+                  before={
+                    directMessageState.status === AsyncStatus.Loading ? (
+                      <Spinner size="50" variant="Primary" fill="Solid" />
+                    ) : (
+                      <Icon size="50" src={Icons.Message} filled />
+                    )
+                  }
+                  onClick={handleMessage}
+                >
+                  <Text size="B300">Message</Text>
+                </Button>
+              </Box>
+            )}
           </Box>
           {directMessageState.status === AsyncStatus.Error && (
             <Text style={{ color: color.Critical.Main }}>