From 83be683b99b4ea88caf9efd1e0a66ea3f961c8c7 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Fri, 14 Mar 2025 17:08:21 +0800
Subject: [PATCH] Misc UI fixup (#7610)

* [user settings] fixup for 'set webdav password'

* ['New Group' dialog] fixup
---
 frontend/src/components/dialog/create-group-dialog.js | 4 ++--
 frontend/src/components/dialog/set-webdav-password.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/dialog/create-group-dialog.js b/frontend/src/components/dialog/create-group-dialog.js
index d02de95f5d..a7347f752c 100644
--- a/frontend/src/components/dialog/create-group-dialog.js
+++ b/frontend/src/components/dialog/create-group-dialog.js
@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { gettext } from '../../utils/constants';
 import { seafileAPI } from '../../utils/seafile-api';
-import { Modal, ModalBody, ModalFooter, Input, Button } from 'reactstrap';
+import { Modal, ModalBody, ModalFooter, Label, Input, Button } from 'reactstrap';
 import { Utils } from '../../utils/utils';
 import SeahubModalHeader from '@/components/common/seahub-modal-header';
 
@@ -68,7 +68,7 @@ class CreateGroupDialog extends React.Component {
       <Modal isOpen={true} toggle={this.props.toggleDialog} autoFocus={false}>
         <SeahubModalHeader toggle={this.props.toggleDialog}>{gettext('New Group')}</SeahubModalHeader>
         <ModalBody>
-          <label htmlFor="groupName">{gettext('Name')}</label>
+          <Label for="groupName">{gettext('Name')}</Label>
           <Input
             type="text"
             id="groupName"
diff --git a/frontend/src/components/dialog/set-webdav-password.js b/frontend/src/components/dialog/set-webdav-password.js
index 09cb29be89..40c2cc441c 100644
--- a/frontend/src/components/dialog/set-webdav-password.js
+++ b/frontend/src/components/dialog/set-webdav-password.js
@@ -75,7 +75,7 @@ class SetWebdavPassword extends Component {
           <InputGroup>
             <Input type={this.state.isPasswordVisible ? 'text' : 'password'} value={this.state.password} onChange={this.handleInputChange} autoComplete="new-password"/>
             <Button onClick={this.togglePasswordVisible}>
-              <i className={`sf3-font sf3-font-eye${this.state.isPasswordVisible ? '' : 'slash'}`}></i>
+              <i className={`sf3-font sf3-font-eye${this.state.isPasswordVisible ? '' : '-slash'}`}></i>
             </Button>
             <Button onClick={this.generatePassword}>
               <i className="sf3-font sf3-font-magic"></i>