subman-nextjs/src/app/ui/forms/storyDropdown.tsx

21 lines
478 B
TypeScript
Raw Normal View History

2024-06-12 09:00:59 +00:00
import prisma from "app/lib/db"
export default async function StoryDropdown() {
async function getStories() {
"use server"
return prisma.story.findMany()
}
const stories = await getStories()
const storiesDrowpdown = stories.map(e => {
return <option value={e.id} key={`${e.title}`}>{e.title}</option>
})
return (
<>
<label htmlFor="storyDropdown">Story:</label>
<select key="storyDropdown" id="storyDropdown">
{storiesDrowpdown}
</select>
</>
)
}