make the isAdmin coming from the convo props and not the messages

js/models/messages.js

@@ -517,8 +517,6 @@
       // for the public group chat
       const conversation = this.getConversation();
 
-      const isAdmin = conversation && !!conversation.isAdmin(phoneNumber);
-
       const convoId = conversation ? conversation.id : undefined;
       const isGroup = !!conversation && !conversation.isPrivate();
       const isPublic = !!this.get('isPublic');
@@ -552,7 +550,6 @@
         isPublic,
         isKickedFromGroup:
           conversation && conversation.get('isKickedFromGroup'),
-        isAdmin, // if the sender is an admin (not us)
 
         onCopyText: () => this.copyText(),
         onCopyPubKey: () => this.copyPubKey(),

stylesheets/_avatar.scss

@@ -29,9 +29,9 @@
 }
 
 .module-avatar__icon--crown-wrapper {
-  position: relative;
-  bottom: -38px;
-  right: -16px;
+  position: absolute;
+  bottom: 0%;
+  right: 12%;
   height: 21px;
   width: 21px;
   transform: translate(25%, 25%);

stylesheets/_modules.scss

@@ -396,12 +396,6 @@
   }
 }
 
-.module-message__author-avatar {
-  flex-direction: column-reverse;
-  display: inline-flex;
-  padding-inline-end: 4px;
-}
-
 .module-message__typing-container {
   height: 16px;
   padding-bottom: 20px;

stylesheets/_session.scss

@@ -328,9 +328,10 @@ textarea {
 }
 
 .module-message__author-avatar {
-  display: inline-flex;
+  position: relative;
   margin-inline-end: 20px;
   padding-top: 5px;
+  padding-inline-end: 4px;
   margin-bottom: auto;
 }
 

test/index.html

@@ -201,7 +201,7 @@
 
     <!-- DIALOGS-->
 
-  <script type="text/javascript" src="../js/views/create_group_dialog_view.js"></script>
+  <script type="text/javascript" src="../js/views/update_group_dialog_view.js"></script>
   <script type="text/javascript" src="../js/views/edit_profile_dialog_view.js"></script>
   <script type="text/javascript" src="../js/views/invite_contacts_dialog_view.js"></script>
   <script type='text/javascript' src='../js/views/admin_leave_closed_group_dialog_view.js'></script>

ts/components/session/conversation/SessionMessagesList.tsx

@@ -289,6 +289,9 @@ export class SessionMessagesList extends React.Component<Props, State> {
             (conversation.isPublic && !!messageProps.weAreAdmin);
 
           messageProps.isDeletable = isDeletable;
+          messageProps.isAdmin = conversation.groupAdmins?.includes(
+            messageProps.authorPhoneNumber
+          );
 
           // firstMessageOfSeries tells us to render the avatar only for the first message
           // in a series of messages from the same user