Merge branch 'main' into feature/rest-timeout

Author: germanosin

README.md

@@ -99,7 +99,7 @@ To run Kafbat UI, you can use either a pre-built Docker image or build it (or a
 
 ## Quick start (Demo run)
 
-```
+```bash
 docker run -it -p 8080:8080 -e DYNAMIC_CONFIG_ENABLED=true ghcr.io/kafbat/kafka-ui
 ```
 
@@ -109,7 +109,7 @@ The command is sufficient to try things out. When you're done trying things out,
 
 ## Persistent installation
 
-```
+```yml
 services:
   kafbat-ui:
     container_name: kafbat-ui
@@ -158,3 +158,7 @@ Please refer to [contributing guide](https://ui.docs.kafbat.io/development/contr
 
 As we're fully independent, team members contribute in their free time.
 Your support is crucial for us, if you wish to sponsor us, take a look [here](https://github.com/sponsors/kafbat) 
+
+# Powered by
+
+[![JetBrains logo.](https://resources.jetbrains.com/storage/products/company/brand/logos/jetbrains.svg)](https://jb.gg/OpenSourceSupport)

frontend/src/components/NavBar/UserInfo/UserInfo.styled.ts

@@ -17,7 +17,4 @@ export const Text = styled.div`
   &:hover {
     color: ${({ theme }) => theme.user.hoverColor};
   }
-}
 `;
-
-export const LogoutLink = styled.a``;

frontend/src/components/NavBar/UserInfo/UserInfo.tsx

@@ -19,9 +19,7 @@ const UserInfo = () => {
         </S.Wrapper>
       }
     >
-      <DropdownItem href="logout">
-        <S.LogoutLink>Log out</S.LogoutLink>
-      </DropdownItem>
+      <DropdownItem href="/logout">Log out</DropdownItem>
     </Dropdown>
   ) : null;
 };

frontend/src/components/Topics/Topic/Messages/MessageContent/MessageContent.tsx

@@ -59,7 +59,9 @@ const MessageContent: React.FC<MessageContentProps> = ({
   };
 
   const contentType =
-    messageContent && messageContent.trim().startsWith('{')
+    messageContent &&
+    (messageContent.trim().startsWith('{') ||
+      messageContent.trim().startsWith('['))
       ? SchemaType.JSON
       : SchemaType.PROTOBUF;
 

frontend/src/components/common/Dropdown/DropdownItem.tsx

@@ -15,12 +15,12 @@ const DropdownItem = React.forwardRef<unknown, DropdownItemProps>(
     const confirmation = useConfirm();
 
     const handleClick = (e: ClickEvent) => {
-      if (!onClick) return;
-
       // eslint-disable-next-line no-param-reassign
       e.stopPropagation = true;
       e.syntheticEvent.stopPropagation();
 
+      if (!onClick) return;
+
       if (confirm) {
         confirmation(confirm, onClick);
       } else {