fifx: auto tags ui

haiwen · Dec 17, 2024 · 58ed286 · 58ed286
1 parent 52209a3
commit 58ed286
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 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
@@ -14,14 +14,11 @@
   border: 1px solid #dedede;
   border-radius: 4px;
   margin-right: 8px;
+  margin-bottom: 8px;
   line-height: 26px;
   cursor: pointer;
 }
 
 .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
@@ -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>
   );