How to restrict create new group chat from React UI Kit

sreedharbukya · July 18, 2020, 5:42am

Please state the version of UIKit & OS you are using when creating a topic
and select the related tags

I am using react uikit = sendbird-uikit@1.0.3

I would like to stop users creating the group chat. I would like to create on my backend service.

How to restrict from UI Kit configuration?

I am following the example reference to control chat settings

sendbird/SendBird-JavaScript/blob/master/uikit-samples/composed-react-app/src/Chat.js

import React, { useEffect, useState } from 'react';

import './Chat.css';

import { useHistory } from "react-router-dom";
import {
  SendBirdProvider,
  ChannelList,
  Channel,
  ChannelSettings,
} from 'sendbird-uikit';
import 'sendbird-uikit/dist/index.css';

export default function Chat({ userId, nickname, theme }) {
  const history = useHistory();
  useEffect(() => {
    if (!userId || !nickname) {
      history.push('/');
    }
  }, [userId, nickname, history]);

This file has been truncated. show original

But Not sure how to control creating new channel.

Sravan_S · July 20, 2020, 1:17am

Hello @sreedharbukya

So, for now there is no JS workaround for disabling create-channel
There is a CSS workaround tho ->

.sendbird-channel-header .sendbird-channel-header__right-icon {
  display: none;
}

We are planning to add renderProps pattern to customize channelList header, once that is released, you should be able to customize the add-channel icon using JS

Will keep you updated in this thread

Sravan_S · July 20, 2020, 2:10am

Also, we have released v1.1.2 already, this will give you access to reaction
Would recommend to try it out

Topic		Replies	Views
Is UIKit a good fit for my use case? Sendbird Chat UIKit javascript , uikit , question	11	571	August 30, 2023
Sendbird React UIkit, create new message, customize the view. \| reactjs \| chatsdk JavaScript group-channel , sendbird-call , react-js , chatsdk	0	584	April 3, 2023
How to join the channel using UI Kit? Sendbird Chat UIKit javascript	1	595	August 10, 2023
My sendbird UI kit is not showing channels that are created by API Sendbird Chat UIKit uikit	3	730	March 23, 2023
How to use 'queries.channelListQuery' in the right way? React uikit , question	1	1267	April 28, 2023

How to restrict create new group chat from React UI Kit

Related Topics

Not finding what you need