32 lines
692 B
TypeScript
32 lines
692 B
TypeScript
import { Prompt } from '@/types/prompt';
|
|
import { FC } from 'react';
|
|
import { PromptComponent } from './Prompt';
|
|
|
|
interface Props {
|
|
prompts: Prompt[];
|
|
onUpdatePrompt: (prompt: Prompt) => void;
|
|
onDeletePrompt: (prompt: Prompt) => void;
|
|
}
|
|
|
|
export const Prompts: FC<Props> = ({
|
|
prompts,
|
|
onUpdatePrompt,
|
|
onDeletePrompt,
|
|
}) => {
|
|
return (
|
|
<div className="flex w-full flex-col gap-1">
|
|
{prompts
|
|
.slice()
|
|
.reverse()
|
|
.map((prompt, index) => (
|
|
<PromptComponent
|
|
key={index}
|
|
prompt={prompt}
|
|
onUpdatePrompt={onUpdatePrompt}
|
|
onDeletePrompt={onDeletePrompt}
|
|
/>
|
|
))}
|
|
</div>
|
|
);
|
|
};
|