ColdBreeze/ColdBreeze-chat-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: bot setting updates

Browse Source
This commit is contained in:
Tristan Yang
2022-12-23 21:58:30 +08:00
parent aab18ae745
commit 1cb2a94b68
9 changed files with 52 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/setting/BotConfig/BotAPIKeys.tsx
+4 -4
View File
@@ -40,7 +40,7 @@ const BotAPIKeys = ({ uid }: Props) => {
return (
<div className='flex flex-col gap-2 items-start'>
<div className='border-t border-solid border-b border-gray-100 py-2 w-full'>
<table className="min-w-full table-auto font-mono">
<table className="min-w-full table-fixed font-mono">
<thead >
<tr >
{[t("col_key_name"), t('col_key_value'), t('col_key_create_time'), t('col_key_last_used'), ""].map((title, idx) => <th key={title} scope="col" className={clsx(`text-xs text-gray-900 px-1 text-left pb-2`, colWidths[idx])}>
@@ -71,14 +71,14 @@ const BotAPIKeys = ({ uid }: Props) => {
</td>
</tr>;
}) : <tr>
<td colSpan={5} className='w-full text-center text-xs text-gray-400 pt-4'>
No API Key Yet
<td colSpan={4} className='text-center text-xs text-gray-400 py-2'>
{t("no_api_key")}
</td>
</tr>}
</tbody>
</table>
<button onClick={toggleCreateModal.bind(null, uid)} className="text-green-600 text-xs py-0.5 flex items-center gap-1 m-auto my-2 bg-green-50 rounded-full px-2 ">
<IconAdd className="!w-4 !h-4 fill-green-600" /> Add API Key
<IconAdd className="!w-4 !h-4 fill-green-600" /> {t("add_api_key")}
</button>
</div>
{currentUid && <CreateAPIKeyModal uid={currentUid} closeModal={toggleCreateModal.bind(null, undefined)} />}
src/routes/setting/BotConfig/index.tsx
+7 -1
View File
@@ -7,6 +7,7 @@ import { useAppSelector } from '../../../app/store';
import AvatarUploader from '../../../common/component/AvatarUploader';
import Button from '../../../common/component/styled/Button';
import IconDelete from '../../../assets/icons/delete.svg';
// import IconTest from '../../../assets/icons/test.svg';
import CreateModal from './CreateModal';
import WebhookEdit from './WebhookEdit';
import WebhookModal from './WebhookModal';
@@ -32,6 +33,7 @@ export default function BotConfig() {
const [currDeleteParams, setCurrDeleteParams] = useState<DeleteParams | undefined>(undefined);
const bots = useAppSelector(store => Object.values(store.users.byId).filter(u => !!u.is_bot));
const { t } = useTranslation("setting", { keyPrefix: "bot" });
const { t: ct } = useTranslation();
const toggleCreateModalVisible = () => {
setCreateModalVisible(prev => !prev);
@@ -104,7 +106,11 @@ export default function BotConfig() {
</tbody>
</table>
</div>
<Button onClick={toggleCreateModalVisible} className="ghost small">Add</Button>
<Button onClick={toggleCreateModalVisible} className="ghost small">{ct("action.add")}</Button>
{/* <div className="flex gap-4">
<Button onClick={toggleCreateModalVisible} className="small">{ct("action.add")}</Button>
<Button onClick={toggleCreateModalVisible} className="ghost small stroke-slate-200 fill-gray-200"> Test API Key</Button>
</div> */}
</div>
{createModalVisible && <CreateModal closeModal={toggleCreateModalVisible} />}