From dfc31cb8dce31e3f297a9d30ae305d6926931291 Mon Sep 17 00:00:00 2001
From: Atris <vacekj@outlook.com>
Date: Tue, 9 Jan 2024 11:15:44 +0100
Subject: [PATCH] feat: add note about transparency in logos in builder (#2775)

* feat: add note about transparency in logos in builder

* remove weird line
---
 packages/builder/src/components/base/images/ImageCrop.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/builder/src/components/base/images/ImageCrop.tsx b/packages/builder/src/components/base/images/ImageCrop.tsx
index d2bafaf8f7..c0baeaa151 100644
--- a/packages/builder/src/components/base/images/ImageCrop.tsx
+++ b/packages/builder/src/components/base/images/ImageCrop.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from "react";
+import React, { useEffect, useRef, useState } from "react";
 
 import ReactCrop, {
   centerCrop,
@@ -103,6 +103,9 @@ export default function ImageCrop({
             />
           </ReactCrop>
         )}
+        <div className="flex w-full" />
+        Note: Transparent sections in images will default to black when
+        uploaded. Please consider using a non-transparent background.
         <div className="flex w-full">
           <Button
             styles={["w-1/2 justify-center"]}