ConversationDetails: Prevent block/leave of group if only admin

ts/components/conversation/conversation-details/ConversationDetailsActions.tsx

@@ -33,6 +33,7 @@ export const ConversationDetailsActions: React.ComponentType<Props> = ({
   const [confirmingBlock, setConfirmingBlock] = React.useState<boolean>(false);
 
   let leaveGroupNode: ReactNode;
+  let blockGroupNode: ReactNode;
   if (!left) {
     leaveGroupNode = (
       <PanelRow
@@ -72,11 +73,9 @@ export const ConversationDetailsActions: React.ComponentType<Props> = ({
     }
   }
 
-  return (
+  blockGroupNode = (
-    <>
-      <PanelSection>
-        {leaveGroupNode}
     <PanelRow
+      disabled={cannotLeaveBecauseYouAreLastAdmin}
       onClick={() => setConfirmingBlock(true)}
       icon={
         <ConversationDetailsIcon
@@ -90,6 +89,25 @@ export const ConversationDetailsActions: React.ComponentType<Props> = ({
         </div>
       }
     />
+  );
+  if (cannotLeaveBecauseYouAreLastAdmin) {
+    blockGroupNode = (
+      <Tooltip
+        content={i18n(
+          'ConversationDetailsActions--leave-group-must-choose-new-admin'
+        )}
+        direction={TooltipPlacement.Top}
+      >
+        {blockGroupNode}
+      </Tooltip>
+    );
+  }
+
+  return (
+    <>
+      <PanelSection>
+        {leaveGroupNode}
+        {blockGroupNode}
       </PanelSection>
 
       {confirmingLeave && (