feat: add placeholder for OPENAI_API_KEY input (#3486)

This commit is contained in:
Chi Zhang 2023-08-01 01:35:53 +08:00 committed by GitHub
parent 452c780d40
commit c8b2728e27
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 1 deletions

View File

@ -8,6 +8,8 @@ import { useAtomValue } from 'jotai';
import type { FC, ReactNode } from 'react';
import { useRef } from 'react';
import { pluginItem } from './style.css';
const PluginSettingWrapper: FC<{
id: string;
title?: ReactNode;
@ -45,7 +47,9 @@ export const Plugins = () => {
data-testid="plugins-title"
/>
{allowedPlugins.map(plugin => (
<PluginSettingWrapper key={plugin} id={plugin} title={plugin} />
<div className={pluginItem} key={plugin}>
<PluginSettingWrapper key={plugin} id={plugin} title={plugin} />
</div>
))}
</>
);

View File

@ -7,3 +7,10 @@ export const settingWrapper = style({
minWidth: '150px',
maxWidth: '250px',
});
export const pluginItem = style({
borderBottom: '1px solid var(--affine-border-color)',
transition: '0.3s',
padding: '24px 8px',
fontSize: 'var(--affine-font-sm)',
});

View File

@ -11,6 +11,8 @@ export const DebugContent = (): ReactElement => {
<div>
<FlexWrapper justifyContent="space-between">
<Input
width={280}
height={32}
defaultValue={key ?? undefined}
onChange={useCallback(
(newValue: string) => {
@ -18,6 +20,7 @@ export const DebugContent = (): ReactElement => {
},
[setKey]
)}
placeholder="Enter your API_KEY here"
/>
<Button
size="large"