Ecosystem/ai-gateway
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add turnstile widget test

Browse Source
This commit is contained in:
ckt 2023-10-22 10:22:08 +00:00 committed by GitHub
parent 14b7b924a0
commit 33793f55d8
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
i18n/en.json
View File

@ -637,6 +637,7 @@
"请检查你的浏览器地址是否正确": "Please check if your browser address is correct", "请检查你的浏览器地址是否正确": "Please check if your browser address is correct",
"重新启用之前被自动禁用的故障通道": "Re-enable the failed channel automatically disabled before", "重新启用之前被自动禁用的故障通道": "Re-enable the failed channel automatically disabled before",
"Turnstile 部件测试： (如果您的 Turnstile 模式设置为 不可见 模式，则不会显示此部件。)": "Turnstile widget test: (If your Turnstile mode is set to Invisible mode, this widget will not be displayed.)",
"本项目 OneAPI 原作 JustSong ，由 ckt1031 改进，本源代码遵循 MIT 协议": "OneAPI by JustSong, improved by ckt1031, and follows MIT license", "本项目 OneAPI 原作 JustSong ，由 ckt1031 改进，本源代码遵循 MIT 协议": "OneAPI by JustSong, improved by ckt1031, and follows MIT license",
"警告": "Warning", "警告": "Warning",

20
web/src/components/SystemSetting.js
View File

@ -1,6 +1,7 @@
import React, { useEffect, useState } from 'react'; import React, { useEffect, useState } from 'react';
import { Button, Divider, Form, Grid, Header, Modal, Message } from 'semantic-ui-react'; import { Button, Divider, Form, Grid, Header, Modal, Message } from 'semantic-ui-react';
import { API, removeTrailingSlash, showError } from '../helpers'; import { API, removeTrailingSlash, showError } from '../helpers';
import Turnstile from 'react-turnstile';
const SystemSetting = () => { const SystemSetting = () => {
let [inputs, setInputs] = useState({ let [inputs, setInputs] = useState({
@ -40,6 +41,8 @@ const SystemSetting = () => {
const [EmailDomainWhitelist, setEmailDomainWhitelist] = useState([]); const [EmailDomainWhitelist, setEmailDomainWhitelist] = useState([]);
const [restrictedDomainInput, setRestrictedDomainInput] = useState(''); const [restrictedDomainInput, setRestrictedDomainInput] = useState('');
const [showPasswordWarningModal, setShowPasswordWarningModal] = useState(false); const [showPasswordWarningModal, setShowPasswordWarningModal] = useState(false);
const [turnstileEnabled, setTurnstileEnabled] = useState(false);
const [turnstileSiteKey, setTurnstileSiteKey] = useState('');
const getOptions = async () => { const getOptions = async () => {
const res = await API.get('/api/option/'); const res = await API.get('/api/option/');
@ -58,6 +61,11 @@ const SystemSetting = () => {
setEmailDomainWhitelist(newInputs.EmailDomainWhitelist.split(',').map((item) => { setEmailDomainWhitelist(newInputs.EmailDomainWhitelist.split(',').map((item) => {
return { key: item, text: item, value: item }; return { key: item, text: item, value: item };
})); }));
if ((newInputs.TurnstileSiteKey ?? '').length > 0) {
setTurnstileEnabled(true);
setTurnstileSiteKey(newInputs.TurnstileSiteKey);
}
} else { } else {
showError(message); showError(message);
} }
@ -649,6 +657,18 @@ const SystemSetting = () => {
placeholder='敏感信息不会发送到前端显示' placeholder='敏感信息不会发送到前端显示'
/> />
</Form.Group> </Form.Group>
{turnstileEnabled ? (
<>
<p>
Turnstile 部件测试： (如果您的 Turnstile 模式设置为 不可见 模式，则不会显示此部件。)
</p>
<Turnstile
sitekey={turnstileSiteKey}
/>
</>
) : (
<></>
)}
<Form.Button onClick={submitTurnstile}> <Form.Button onClick={submitTurnstile}>
保存 Turnstile 设置 保存 Turnstile 设置
</Form.Button> </Form.Button>