diff --git a/chat/package.json b/chat/package.json
index c3ce06e903..4df129f8c3 100644
--- a/chat/package.json
+++ b/chat/package.json
@@ -1,6 +1,6 @@
{
"name": "chat",
- "version": "0.0.20",
+ "version": "0.0.21",
"main": "./src/index.tsx",
"license": "MIT",
"dependencies": {
diff --git a/chat/src/features/chat/ChatHeading.tsx b/chat/src/features/chat/ChatHeading.tsx
index c3760d205f..07205d141d 100644
--- a/chat/src/features/chat/ChatHeading.tsx
+++ b/chat/src/features/chat/ChatHeading.tsx
@@ -4,27 +4,38 @@ import { UserList } from "./UserList";
import "./ChatHeading.css";
export function ChatHeading() {
- const { reveal } = useDrawer();
+ const { open, hide, reveal } = useDrawer();
const { online } = useChat();
- const handleOpenUserListDrawer = useCallback(
- () =>
+ const handleToggleUserListDrawer = useCallback(() => {
+ if (open) {
+ hide();
+ } else {
reveal({
title: "Users in chat",
content: