This is an automated email from the ASF dual-hosted git repository. shuai pushed a commit to branch dev in repository https://gitbox.apache.org/repos/asf/answer.git
commit f1c65815daf002b44945e7a8799209e03963b18e Author: dashuai <[email protected]> AuthorDate: Thu Feb 13 14:33:14 2025 +0800 Revert "refactor: refactor show password logic in init answer app" This reverts commit f8bef82acc4508578874da95df299dce24189b29. --- ui/package.json | 1 + ui/pnpm-lock.yaml | 12 ++++++++++++ ui/src/pages/Install/components/FourthStep/index.tsx | 10 ++++++---- 3 files changed, 19 insertions(+), 4 deletions(-) diff --git a/ui/package.json b/ui/package.json index 0e645d2e..da8588e6 100644 --- a/ui/package.json +++ b/ui/package.json @@ -39,6 +39,7 @@ "qs": "^6.11.0", "react": "^18.2.0", "react-bootstrap": "^2.10.0", + "react-bootstrap-icons": "^1.11.5", "react-dom": "^18.2.0", "react-helmet-async": "^1.3.0", "react-i18next": "^11.18.3", diff --git a/ui/pnpm-lock.yaml b/ui/pnpm-lock.yaml index 4d122c58..8aa2dffb 100644 --- a/ui/pnpm-lock.yaml +++ b/ui/pnpm-lock.yaml @@ -77,6 +77,9 @@ importers: react-bootstrap: specifier: ^2.10.0 version: 2.10.0(@types/[email protected])([email protected])([email protected]) + react-bootstrap-icons: + specifier: ^1.11.5 + version: 1.11.5([email protected]) react-dom: specifier: ^18.2.0 version: 18.2.0([email protected]) @@ -9913,6 +9916,15 @@ packages: semver: 5.7.1 dev: true + /[email protected]([email protected]): + resolution: {integrity: sha512-eOhtFJMUqw98IJcfKJsSMZkFHCeNPTTwXZAe9V9d4mT22ARmbrISxPO9GmtWWuf72zQctLeZMGodX/q6wrbYYg==} + peerDependencies: + react: '>=16.8.6' + dependencies: + prop-types: 15.8.1 + react: 18.2.0 + dev: false + /[email protected](@types/[email protected])([email protected])([email protected]): resolution: {integrity: sha512-87gRP69VAfeU2yKgp8RI3HvzhPNrnYIV2QNranYXataz3ef+k7OhvKGGdxQLQfUsQ2RTmlY66tn4pdFrZ94hNg==} peerDependencies: diff --git a/ui/src/pages/Install/components/FourthStep/index.tsx b/ui/src/pages/Install/components/FourthStep/index.tsx index ad95c4d3..066cd079 100644 --- a/ui/src/pages/Install/components/FourthStep/index.tsx +++ b/ui/src/pages/Install/components/FourthStep/index.tsx @@ -19,12 +19,12 @@ import { FC, FormEvent, useState } from 'react'; import { Form, Button } from 'react-bootstrap'; +import { Eye, EyeSlash } from 'react-bootstrap-icons'; import { useTranslation } from 'react-i18next'; import type { FormDataType } from '@/common/interface'; import Pattern from '@/common/pattern'; import Progress from '../Progress'; -import { Icon } from '@/components'; interface Props { data: FormDataType; @@ -317,18 +317,20 @@ const Index: FC<Props> = ({ visible, data, changeCallback, nextCallback }) => { /> <button type="button" - className="position-absolute top-50 translate-middle-y bg-transparent border-0 p-1" + className="position-absolute top-50 translate-middle-y bg-transparent border-0" style={{ + cursor: 'pointer', right: '12px', + padding: '4px', }} aria-label={showPassword ? t('hide_password') : t('show_password')} onMouseDown={() => setShowPassword(true)} onMouseUp={() => setShowPassword(false)} onMouseLeave={() => setShowPassword(false)}> {showPassword ? ( - <Icon name="eye" className="text-secondary" size="18" /> + <Eye className="text-secondary" size={18} /> ) : ( - <Icon name="eye-slash" className="text-secondary" size="18" /> + <EyeSlash className="text-secondary" size={18} /> )} </button> </div>
