From d5d791e6ca10c840a24c88786deef3a122ccc895 Mon Sep 17 00:00:00 2001
From: Nilesh Gupta <guptanilesh2312@gmail.com>
Date: Tue, 10 Oct 2023 16:48:49 +0530
Subject: [PATCH] few styling changes

---
 src/components/ViewChannelItem.js             |  3 ++
 .../dropdowns/ManageNotifSettingDropdown.tsx  | 44 +++++++++----------
 .../dropdowns/OptinNotifSettingDropdown.tsx   |  2 +-
 .../dropdowns/UpdateNotifSettingDropdown.tsx  |  4 +-
 4 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/src/components/ViewChannelItem.js b/src/components/ViewChannelItem.js
index 72f4561ba1..f33ba75faa 100644
--- a/src/components/ViewChannelItem.js
+++ b/src/components/ViewChannelItem.js
@@ -1362,6 +1362,9 @@ const UnsubscribeButton = styled(ChannelActionButton)`
 
 const OwnerButton = styled(ChannelActionButton)`
   background: #35c5f3;
+  border-radius: 8px;
+  min-height: 36px;
+  min-width: 108px;
 `;
 
 const Toaster = styled.div`
diff --git a/src/components/dropdowns/ManageNotifSettingDropdown.tsx b/src/components/dropdowns/ManageNotifSettingDropdown.tsx
index c4456ef52c..9bb7c6ea1f 100644
--- a/src/components/dropdowns/ManageNotifSettingDropdown.tsx
+++ b/src/components/dropdowns/ManageNotifSettingDropdown.tsx
@@ -52,28 +52,28 @@ const ManageNotifSettingDropdownContainer: React.FC<ManageNotifSettingDropdownCo
 
   return (
     <DropdownOuterContainer>
-      {channelSetting &&
-      <DropdownInnerContainer>
-        
-          <UpdateNotifSettingDropdown 
-            centerOnMobile={centerOnMobile} 
-            channelDetail={channelDetail}
-            userSetting={userSetting}
-            channelSetting={channelSetting}
-            onSuccessSave={closeDropdown}
-          >
-              <DropdownBtn flexDirection="row">
-                  <ImageV2
-                      width="20px"
-                      height="20px"
-                      src="svg/manageSettings.svg"
-                      alt="Settings Logo"
-                  />
-                  <SpanV2 color={theme.viewChannelPrimaryText} fontWeight={500} fontSize="14px">Manage Settings</SpanV2>
-              </DropdownBtn>
-          </UpdateNotifSettingDropdown>
-        
-      </DropdownInnerContainer>
+      {(channelSetting && channelSetting.length != 0) &&
+        <DropdownInnerContainer>
+          
+            <UpdateNotifSettingDropdown 
+              centerOnMobile={centerOnMobile} 
+              channelDetail={channelDetail}
+              userSetting={userSetting}
+              channelSetting={channelSetting}
+              onSuccessSave={closeDropdown}
+            >
+                <DropdownBtn flexDirection="row">
+                    <ImageV2
+                        width="20px"
+                        height="20px"
+                        src="svg/manageSettings.svg"
+                        alt="Settings Logo"
+                    />
+                    <SpanV2 color={theme.viewChannelPrimaryText} fontWeight={500} fontSize="14px">Manage Settings</SpanV2>
+                </DropdownBtn>
+            </UpdateNotifSettingDropdown>
+          
+        </DropdownInnerContainer>
 }
       <DropdownBtn flexDirection="row" onClick={() => optOutHandler({ setLoading: setTxInProgress })}>
         <ImageV2
diff --git a/src/components/dropdowns/OptinNotifSettingDropdown.tsx b/src/components/dropdowns/OptinNotifSettingDropdown.tsx
index d544a93d92..bdea07f8ba 100644
--- a/src/components/dropdowns/OptinNotifSettingDropdown.tsx
+++ b/src/components/dropdowns/OptinNotifSettingDropdown.tsx
@@ -226,7 +226,7 @@ const OptinNotifSettingDropdown: React.FC<OptinNotifSettingDropdownProps> = (opt
 
   // render
   return (
-      channelSetting ? 
+      (channelSetting && channelSetting.length) ? 
       <DropdownBtnHandler
         centerOnMobile={true}
         showDropdown={isOpen}
diff --git a/src/components/dropdowns/UpdateNotifSettingDropdown.tsx b/src/components/dropdowns/UpdateNotifSettingDropdown.tsx
index b3fc4de51d..18272d4f72 100644
--- a/src/components/dropdowns/UpdateNotifSettingDropdown.tsx
+++ b/src/components/dropdowns/UpdateNotifSettingDropdown.tsx
@@ -85,7 +85,7 @@ const UpdateNotifSettingDropdownContainer: React.FC<UpdateNotifSettingDropdownCo
                     handleDiameter={12}
                 />
             </DropdownSwitchItem>
-          {setting.type === 2 && setting.enabled && (
+          {setting.type === 2 && setting.enabled === true && (
             <DropdownSliderItem>
                 <Slider
                     styles={{
@@ -283,7 +283,7 @@ const DropdownSubmitButton = styled.button`
     outline: 0;
     display: flex;
     align-items: center;
-    min-width: max-content;
+    min-width: 90px;
     justify-content: center;
     margin: 0px 0px 0px 10px;
     color: #fff;