From f1ce7727ec2c45b089a4e0f78784a2fcaaafd793 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Fri, 20 May 2022 07:05:42 -0500
Subject: [PATCH] Update NewChannelForm.tsx

---
 .../protected/terminal/compose/NewChannelForm.tsx     | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/desktop/src/tree/protected/terminal/compose/NewChannelForm.tsx b/packages/desktop/src/tree/protected/terminal/compose/NewChannelForm.tsx
index 4a5b023..7ebbadf 100644
--- a/packages/desktop/src/tree/protected/terminal/compose/NewChannelForm.tsx
+++ b/packages/desktop/src/tree/protected/terminal/compose/NewChannelForm.tsx
@@ -6,8 +6,7 @@ import toast from 'react-hot-toast';
 import { Avatar, Divider, Skeleton, Spin } from 'antd';
 import { User } from '@nirvana/core/models/user.model';
 import CreateLineRequest from '@nirvana/core/requests/createLine.request';
-
-const maxUserCount = 8;
+import { maxChannelUserCount } from '../rules';
 
 export default function NewChannelForm({ handleClose }: { handleClose: () => void }) {
   const [peopleSearchQuery, setPeopleSearchQuery] = useState<string>('');
@@ -61,7 +60,7 @@ export default function NewChannelForm({ handleClose }: { handleClose: () => voi
           return prevUsers;
         }
 
-        if (prevUsers.length === maxUserCount - 1) {
+        if (prevUsers.length === maxChannelUserCount - 1) {
           toast.error('you can only have 8 people per channel!');
 
           return prevUsers;
@@ -100,8 +99,8 @@ export default function NewChannelForm({ handleClose }: { handleClose: () => voi
         return;
       }
 
-      if (selectedUsers.length === maxUserCount - 1) {
-        toast.error(`Max ${maxUserCount} people per channel including you!`);
+      if (selectedUsers.length === maxChannelUserCount - 1) {
+        toast.error(`Max ${maxChannelUserCount} people per channel including you!`);
 
         return;
       }
@@ -182,7 +181,7 @@ export default function NewChannelForm({ handleClose }: { handleClose: () => voi
           <span className="text-gray-500 ">{`Selected`}</span>
 
           <span className="text-gray-400">
-            {selectedUsers.length}/${maxUserCount - 1}
+            {selectedUsers.length}/${maxChannelUserCount - 1}
           </span>
         </span>