From a4ee9beeb225398c8b115b86a6d2b3eef93f0b4a Mon Sep 17 00:00:00 2001
From: Sara Vieira <hey@iamsaravieira.com>
Date: Tue, 12 Jul 2022 15:06:41 +0200
Subject: [PATCH] add sidebar for  image-upload

---
 .../features/sidebar-left/panels/image-upload.tsx | 15 +++++++++++++++
 .../features/sidebar-left/panels/index.ts         |  1 +
 2 files changed, 16 insertions(+)
 create mode 100644 apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx

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
new file mode 100644
index 0000000000..706636c631
--- /dev/null
+++ b/apps/designer/app/designer/features/sidebar-left/panels/image-upload.tsx
@@ -0,0 +1,15 @@
+import { ImageIcon } from "~/shared/icons";
+import { Button, Flex, Heading } from "~/shared/design-system";
+
+export const TabContent = () => {
+  return (
+    <Flex gap="3" direction="column" css={{ padding: "$1" }}>
+      <Heading>Assets</Heading>
+      <Flex>
+        <Button>Upload Image</Button>
+      </Flex>
+    </Flex>
+  );
+};
+
+export const icon = <ImageIcon />;
diff --git a/apps/designer/app/designer/features/sidebar-left/panels/index.ts b/apps/designer/app/designer/features/sidebar-left/panels/index.ts
index 589445e67f..83a3e7fda8 100644
--- a/apps/designer/app/designer/features/sidebar-left/panels/index.ts
+++ b/apps/designer/app/designer/features/sidebar-left/panels/index.ts
@@ -1,2 +1,3 @@
 export * as components from "./components";
 export * as tree from "./tree";
+export * as imageUpload from "./image-upload";