From f45a6767dba0cac2b3dd951ea7f4a10cbc00e878 Mon Sep 17 00:00:00 2001
From: Sara Vieira <hey@iamsaravieira.com>
Date: Sat, 16 Jul 2022 18:10:42 +0200
Subject: [PATCH] fix ts & PR comment

---
 .../designer/features/sidebar-left/panels/image-upload.tsx | 6 +-----
 apps/designer/app/routes/designer/$id.tsx                  | 3 ++-
 apps/designer/app/shared/db/assets.server.ts               | 7 +++++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx b/apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx
index e7497524ba..6214ae4933 100644
--- a/apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx
+++ b/apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx
@@ -17,11 +17,7 @@ export const TabContent = ({ assets }: { assets: Array<Asset> }) => {
 
   return (
     <Flex gap="3" direction="column" css={{ padding: "$1" }}>
-      <Flex
-        css={{
-          justifyContent: "space-between",
-        }}
-      >
+      <Flex justify="between">
         <Heading>Assets</Heading>
         <Form method="post" encType="multipart/form-data">
           <input
diff --git a/apps/designer/app/routes/designer/$id.tsx b/apps/designer/app/routes/designer/$id.tsx
index 4b9c888608..9e50b90c23 100644
--- a/apps/designer/app/routes/designer/$id.tsx
+++ b/apps/designer/app/routes/designer/$id.tsx
@@ -60,7 +60,8 @@ export const action: ActionFunction = async ({ request, params }) => {
         name: image.name,
         path: `${path.join("/", folderInPublic, image.name)}`,
       };
-      db.assets.create(params.id, data);
+      const projectId = params.id as string;
+      db.assets.create(projectId, data);
     });
 
     return {
diff --git a/apps/designer/app/shared/db/assets.server.ts b/apps/designer/app/shared/db/assets.server.ts
index 7d0df52ea4..92ddc1739d 100644
--- a/apps/designer/app/shared/db/assets.server.ts
+++ b/apps/designer/app/shared/db/assets.server.ts
@@ -1,4 +1,4 @@
-import { Asset, type Project } from "@webstudio-is/react-sdk";
+import { type Project } from "@webstudio-is/react-sdk";
 import { prisma } from "./prisma.server";
 
 export const loadByProject = async (projectId?: Project["id"]) => {
@@ -13,7 +13,10 @@ export const loadByProject = async (projectId?: Project["id"]) => {
   return assets;
 };
 
-export const create = async (projectId: Project["id"], values: Asset) => {
+export const create = async (
+  projectId: Project["id"],
+  values: { type: string; name: string; path: string }
+) => {
   const newAsset = await prisma.asset.create({
     data: {
       ...values,