From 4b4e03f19f7d2f57cfde325f95b636d27a32c410 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E5=9B=BD=E7=92=87?=
 <37972689+YangGuoXuan-0503@users.noreply.github.com>
Date: Tue, 17 Dec 2024 18:23:19 +0800
Subject: [PATCH] fifx: auto tags ui (#7211)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: 杨国璇 <ygx@Hello-word.local>
---
 .../metadata/components/dialog/file-tags-dialog/index.css    | 5 +----
 .../src/metadata/components/dialog/file-tags-dialog/index.js | 5 +++--
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/metadata/components/dialog/file-tags-dialog/index.css b/frontend/src/metadata/components/dialog/file-tags-dialog/index.css
index a13633e4265..c3285d4b86c 100644
--- a/frontend/src/metadata/components/dialog/file-tags-dialog/index.css
+++ b/frontend/src/metadata/components/dialog/file-tags-dialog/index.css
@@ -14,6 +14,7 @@
   border: 1px solid #dedede;
   border-radius: 4px;
   margin-right: 8px;
+  margin-bottom: 8px;
   line-height: 26px;
   cursor: pointer;
 }
@@ -21,7 +22,3 @@
 .sf-metadata-auto-image-tags .auto-image-tag.selected {
   border-color: #FF9800;
 }
-
-.sf-metadata-auto-image-tags .auto-image-tag.selected::after {
-  content: ('');
-}
diff --git a/frontend/src/metadata/components/dialog/file-tags-dialog/index.js b/frontend/src/metadata/components/dialog/file-tags-dialog/index.js
index 6541562a8e2..4c1d102819b 100644
--- a/frontend/src/metadata/components/dialog/file-tags-dialog/index.js
+++ b/frontend/src/metadata/components/dialog/file-tags-dialog/index.js
@@ -12,6 +12,7 @@ import { getTagByName, getTagId } from '../../../../tag/utils';
 import { PRIVATE_COLUMN_KEY as TAGS_PRIVATE_COLUMN_KEY } from '../../../../tag/constants';
 import { SELECT_OPTION_COLORS } from '../../../constants';
 import { useTags } from '../../../../tag/hooks';
+import EmptyTip from '../../../../components/empty-tip';
 
 import './index.css';
 
@@ -140,14 +141,14 @@ const FileTagsDialog = ({ record, onToggle, onSubmit }) => {
                 })}
               </>
             ) : (
-              <div className="empty-tip">{gettext('No tags')}</div>
+              <EmptyTip className="w-100 h-100" text={gettext('No tags')} />
             )}
           </div>
         )}
       </ModalBody>
       <ModalFooter>
         <Button color="secondary" onClick={() => onToggle()}>{gettext('Cancel')}</Button>
-        <Button color="primary" disabled={isLoading || isSubmitting} onClick={handelSubmit}>{gettext('Submit')}</Button>
+        <Button color="primary" disabled={isLoading || isSubmitting || fileTags.length === 0} onClick={handelSubmit}>{gettext('Submit')}</Button>
       </ModalFooter>
     </Modal>
   );