Rocket.Chat Custom Script to Add Hide Button in the Toolbar

Rocket.Chat_Custom_Script_to_Add_Hide_Button_in_the_Toolbar.md

Rocket.Chat Custom JS Script

1) Go to Admin Setting -> Layout -> Custom Scripts -> Custom Script for Logged In Users

2) Copy and paste below script

const { useContext } = require('react');
const { useMethod } = require('/client/contexts/ServerContext.ts');
const { addAction } = require('/client/views/room/lib/Toolbox/index.tsx');

(() => {
	addAction('hide-livechat-room', () => {
		const hideRoom = useMethod('hideRoom');
		return {
			groups: ['channel', 'group', 'direct', 'direct_multiple', 'live'],
			id: 'hide-livechat-room',
			title: 'Hide',
			icon: 'eye-off',
			order: -2,
			action: async () => {
				const rid = Session.get('openedRoom');
				await hideRoom(rid);
			},
		};
	});
})();

3) Open Livechat Conversation. You will find hide icon in the chat header.

4) Currently it will be shown for all the chat types. You can change the groups array to apply this button on particaular type of chat.