From b60b473e02519abdedf585a67d9a5bad7ebdc94f Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Thu, 29 Aug 2024 03:08:33 +0530
Subject: [PATCH] fix(warn): update prop name

---
 extensions/react-widget/src/components/DocsGPTWidget.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/extensions/react-widget/src/components/DocsGPTWidget.tsx b/extensions/react-widget/src/components/DocsGPTWidget.tsx
index 79b47a5c..e7d37528 100644
--- a/extensions/react-widget/src/components/DocsGPTWidget.tsx
+++ b/extensions/react-widget/src/components/DocsGPTWidget.tsx
@@ -100,7 +100,7 @@ const StyledContainer = styled.div`
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.1);
     transition: visibility 0.3s, opacity 0.3s;
 `;
-const FloatingButton = styled.div<{ bgColor: string }>`
+const FloatingButton = styled.div<{ bgcolor: string }>`
     position: fixed;
     display: flex;
     z-index: 500;
@@ -111,7 +111,7 @@ const FloatingButton = styled.div<{ bgColor: string }>`
     width: 5rem;
     height: 5rem;
     border-radius: 9999px;
-    background: ${props => props.bgColor};
+    background: ${props => props.bgcolor};
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     cursor: pointer;
     &:hover {
@@ -431,10 +431,10 @@ export const DocsGPTWidget = ({
           setOpen(false)
         }} />
       }
-      <FloatingButton bgColor={buttonBg} onClick={() => setOpen(!open)} hidden={open}>
+      <FloatingButton bgcolor={buttonBg} onClick={() => setOpen(!open)} hidden={open}>
         <img style={{ maxHeight: '4rem', maxWidth: '4rem' }} src={buttonIcon} />
       </FloatingButton>
-      <WidgetContainer modal={size === 'large'}>
+      <WidgetContainer modal={size == 'large'}>
         <GlobalStyles />
         {open && <StyledContainer>
           <div>