مودال لاظافة عملاء الى الدردشة باستخدام React و Material UI

هذا العمل حول مودال فيه قائمة من العملاء بالاسم و اسم المستخدم يتم عرضها عن طريق الكونتكست و البيانات من ال لbackend يتم اختيار العملاء الذين ترغب باظافتهم عن طريق تشطيب ال checkbox و اختيار الصيغة incognito. يعرض العملاء على حسب الstaus اونلاين اوفلاين او الكل و ايضا على حسب department. عند اختيار مجموعة من العملاء لاظافتهم الى الدردشة لا تعرض هته المجموعة ان اردت ان تظيف مجموعة اخرى.

عنظ الضغط على زر Add selected تخلق غرفة خاصة بهته الدردشة