From 5d3dbf0797cc7cb68d0fcbae74745b3a38012dfb Mon Sep 17 00:00:00 2001
From: MahtabBukhari <mahtabali50447@gmail.com>
Date: Sat, 21 Sep 2024 23:27:15 +0500
Subject: [PATCH] fix(corner-rounded): at create type and edit type sidebar the
 bottom left corner is not rounded

---
 .../ModalsContainer/BlueprintModal/Body/index.tsx        | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/components/ModalsContainer/BlueprintModal/Body/index.tsx b/src/components/ModalsContainer/BlueprintModal/Body/index.tsx
index b67edd619..a0c49f933 100644
--- a/src/components/ModalsContainer/BlueprintModal/Body/index.tsx
+++ b/src/components/ModalsContainer/BlueprintModal/Body/index.tsx
@@ -20,6 +20,10 @@ export type FormData = {
   }
 }
 
+interface EditorWrapperProps {
+  hasSchema?: boolean
+}
+
 interface BodyProps {
   Close: () => void
 }
@@ -139,7 +143,7 @@ export const Body = ({ Close }: BodyProps) => {
       <Flex align="stretch" direction="row" grow={1}>
         <Flex mb={-20} ml={-20}>
           {selectedSchema || isCreateNew ? (
-            <EditorWrapper>
+            <EditorWrapper hasSchema>
               <InnerEditorWrapper>
                 <Editor
                   graphLoading={graphLoading}
@@ -231,11 +235,12 @@ const Wrapper = styled(Flex)`
   }
 `
 
-const EditorWrapper = styled(Flex)`
+const EditorWrapper = styled(Flex)<EditorWrapperProps>`
   width: 100%;
   max-width: 400px;
   background: ${colors.BG1};
   border-bottom-right-radius: 16px;
+  border-bottom-left-radius: ${({ hasSchema }) => (hasSchema ? '9px' : '0')};
   flex-grow: 1;
   flex-shrink: 1;
   min-width: 300px;