From cf818aae9e65d713d889b0dfe1ca7e0fd16b5ca4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ng=C3=B4=20Qu=E1=BB=91c=20=C4=90=E1=BA=A1t?=
 <datlechin@gmail.com>
Date: Sat, 24 Sep 2022 01:52:48 +0700
Subject: [PATCH] replace `ColorPreviewInput` for GroupModal color input
 (#3650)

---
 framework/core/js/src/admin/components/EditGroupModal.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/framework/core/js/src/admin/components/EditGroupModal.tsx b/framework/core/js/src/admin/components/EditGroupModal.tsx
index d1b629383..67ddfc896 100644
--- a/framework/core/js/src/admin/components/EditGroupModal.tsx
+++ b/framework/core/js/src/admin/components/EditGroupModal.tsx
@@ -8,6 +8,7 @@ import Switch from '../../common/components/Switch';
 import Stream from '../../common/utils/Stream';
 import Mithril from 'mithril';
 import extractText from '../../common/utils/extractText';
+import ColorPreviewInput from '../../common/components/ColorPreviewInput';
 
 export interface IEditGroupModalAttrs extends IInternalModalAttrs {
   group?: Group;
@@ -81,7 +82,7 @@ export default class EditGroupModal<CustomAttrs extends IEditGroupModalAttrs = I
       'color',
       <div className="Form-group">
         <label>{app.translator.trans('core.admin.edit_group.color_label')}</label>
-        <input className="FormControl" placeholder="#aaaaaa" bidi={this.color} />
+        <ColorPreviewInput placeholder="#aaaaaa" bidi={this.color} />
       </div>,
       20
     );