open.source/manifold
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Clean up dream

Browse Source
This commit is contained in:
Austin Chen 2022-10-06 11:17:57 -04:00
parent ae81ef6ccb
commit 88b7064b66
2 changed files with 32 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/components/editor/image-modal.tsx
View File

@ -22,13 +22,12 @@ export function ImageModal(props: {
const { upload, open, setOpen } = props const { upload, open, setOpen } = props
return ( return (
<Modal open={open} setOpen={setOpen}> <Modal open={open} setOpen={setOpen}>
<Col className="gap-2 rounded bg-white p-6">
<Tabs <Tabs
className="gap-2 rounded bg-white p-6"
tabs={[ tabs={[
{ {
title: 'Upload file', title: 'Upload file',
content: ( content: (
<Col>
<FileUploadButton <FileUploadButton
onFiles={(files) => { onFiles={(files) => {
setOpen(false) setOpen(false)
@ -41,7 +40,6 @@ export function ImageModal(props: {
Upload an image file Upload an image file
</span> </span>
</FileUploadButton> </FileUploadButton>
</Col>
), ),
}, },
{ {
@ -50,7 +48,6 @@ export function ImageModal(props: {
}, },
]} ]}
/> />
</Col>
</Modal> </Modal>
) )
} }
@ -85,7 +82,7 @@ function DreamTab(props: {
apiKey: API_KEY, apiKey: API_KEY,
} }
const headers = { const headers = {
'api-key': 'quickstart-QUdJIGlzIGNvbWluZy4uLi4K', 'Content-Type': 'application/json',
} }
const response = await fetch(url, { const response = await fetch(url, {
method: 'POST', method: 'POST',
@ -128,7 +125,6 @@ function DreamTab(props: {
{/* Show the current imageUrl */} {/* Show the current imageUrl */}
{imageUrl && ( {imageUrl && (
<> <>
{' '}
<img src={imageUrl} alt="Image" /> <img src={imageUrl} alt="Image" />
<Row className="gap-2"> <Row className="gap-2">
<Button <Button

10
web/pages/api/v0/dream.ts
View File

@ -18,13 +18,13 @@ export default async function route(req: NextApiRequest, res: NextApiResponse) {
methods: 'POST', methods: 'POST',
}) })
const body = JSON.parse(req.body) // const body = JSON.parse(req.body)
// Check that prompt and apiKey are included in the body // Check that prompt and apiKey are included in the body
if (!body.prompt) { if (!req.body.prompt) {
res.status(400).json({ message: 'Missing prompt' }) res.status(400).json({ message: 'Missing prompt' })
return return
} }
if (!body.apiKey) { if (!req.body.apiKey) {
res.status(400).json({ message: 'Missing apiKey' }) res.status(400).json({ message: 'Missing apiKey' })
return return
} }
@ -50,7 +50,7 @@ export default async function route(req: NextApiRequest, res: NextApiResponse) {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment // eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore // @ts-ignore
const { _dreamResponse, images } = await generateAsync({ const { _dreamResponse, images } = await generateAsync({
...body, ...req.body,
// Don't actually write to disk, because we're going to upload it to Firestore // Don't actually write to disk, because we're going to upload it to Firestore
noStore: true, noStore: true,
}) })
@ -59,7 +59,7 @@ export default async function route(req: NextApiRequest, res: NextApiResponse) {
res.status(200).json({ url }) res.status(200).json({ url })
} catch (e) { } catch (e) {
res.status(501).json({ message: `Error running code: ${e}` }) res.status(500).json({ message: `Error running code: ${e}` })
} }
} }