llvy.ltd/casdoor
1
0
Fork 0
mirror of https://github.com/casdoor/casdoor.git synced 2025-07-03 20:50:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

Improve UI.

Browse Source
This commit is contained in:
Gucheng Wang
2021-11-28 20:18:03 +08:00
parent c10ccd8106
commit 36b7993994
3 changed files with 12 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web/src/component/CountDownInput.js
View File

@ -17,12 +17,12 @@ import React from "react";
import * as Setting from "../Setting";
import i18next from "i18next";
import * as UserBackend from "../backend/UserBackend";
import { AuditOutlined, VerifiedOutlined } from "@ant-design/icons";
import {SafetyOutlined} from "@ant-design/icons";
const { Search } = Input;
export const CountDownInput = (props) => {
const {defaultButtonText, disabled, prefix, textBefore, placeHolder, onChange, coolDownTime, onButtonClick, onButtonClickArgs} = props;
const {defaultButtonText, disabled, textBefore, placeHolder, onChange, coolDownTime, onButtonClick, onButtonClickArgs} = props;
const [buttonText, setButtonText] = React.useState(defaultButtonText);
const [visible, setVisible] = React.useState(false);
const [key, setKey] = React.useState("");
@ -90,7 +90,7 @@ export const CountDownInput = (props) => {
}}
/>
<Row>
<Input autoFocus value={key} placeholder={i18next.t("general:Captcha")} onPressEnter={handleOk} onChange={e => setKey(e.target.value)} />
<Input autoFocus value={key} prefix={<SafetyOutlined />} placeholder={i18next.t("general:Captcha")} onPressEnter={handleOk} onChange={e => setKey(e.target.value)} />
</Row>
</Col>
)
@ -101,23 +101,12 @@ export const CountDownInput = (props) => {
return null;
}
const getIcon = (prefix) => {
switch (prefix) {
case "VerifiedOutlined":
return <VerifiedOutlined />;
case "AuditOutlined":
return <AuditOutlined />;
default:
return null;
}
};
return (
<div>
<React.Fragment>
<Search
addonBefore={textBefore}
disabled={disabled}
prefix={prefix !== null ? getIcon(prefix) : null}
prefix={<SafetyOutlined />}
placeholder={placeHolder}
onChange={e => onChange(e.target.value)}
enterButton={
@ -146,6 +135,6 @@ export const CountDownInput = (props) => {
renderCheck()
}
</Modal>
</div>
</React.Fragment>
);
}