few styling changes

push-protocol · Oct 10, 2023 · d5d791e · d5d791e
1 parent 23c378e
commit d5d791e
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 25 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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;