From eed25d18cb55724520ef172d779617188aa7b6c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafa=C5=82=20Ca=C5=82ka?= <calka.rafal@gmail.com>
Date: Wed, 2 Feb 2022 20:02:20 +0100
Subject: [PATCH] feat: use `ColorPreviewInput` in the `EditTagModal` (#157)

---
 .../tags/js/src/admin/components/EditTagModal.js   | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/extensions/tags/js/src/admin/components/EditTagModal.js b/extensions/tags/js/src/admin/components/EditTagModal.js
index 81d3aa95b..d61c23efe 100644
--- a/extensions/tags/js/src/admin/components/EditTagModal.js
+++ b/extensions/tags/js/src/admin/components/EditTagModal.js
@@ -1,8 +1,10 @@
-import Modal from 'flarum/components/Modal';
-import Button from 'flarum/components/Button';
-import ItemList from 'flarum/utils/ItemList';
-import { slug } from 'flarum/utils/string';
-import Stream from 'flarum/utils/Stream';
+import app from 'flarum/admin/app';
+import Modal from 'flarum/common/components/Modal';
+import Button from 'flarum/common/components/Button';
+import ColorPreviewInput from 'flarum/common/components/ColorPreviewInput';
+import ItemList from 'flarum/common/utils/ItemList';
+import { slug } from 'flarum/common/utils/string';
+import Stream from 'flarum/common/utils/Stream';
 
 import tagLabel from '../../common/helpers/tagLabel';
 
@@ -68,7 +70,7 @@ export default class EditTagModal extends Modal {
 
     items.add('color', <div className="Form-group">
       <label>{app.translator.trans('flarum-tags.admin.edit_tag.color_label')}</label>
-      <input className="FormControl" placeholder="#aaaaaa" bidi={this.color} />
+      <ColorPreviewInput className="FormControl" placeholder="#aaaaaa" bidi={this.color} />
     </div>, 20);
 
     items.add('icon', <div className="Form-group">