Merge pull request #632 from devtron-labs/fix/status-filter-button

fix: StatusFilterButton - ui issue scss fix

Author: RohitRaj011

src/Shared/Components/CICDHistory/StatusFilterButtonComponent.scss

@@ -60,7 +60,7 @@
         }
     }
 
-    &.with-menu-button {
+    &.radio-group.with-menu-button {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
 
@@ -69,5 +69,9 @@
             border-top-right-radius: 0 !important;
             border-bottom-right-radius: 0 !important;
         }
+
+        .radio:first-child > .radio__item-label {
+            padding: 2px 4px;
+        }
     }
 }

src/Shared/Components/CICDHistory/StatusFilterButtonComponent.tsx

@@ -79,13 +79,7 @@ export const StatusFilterButtonComponent = ({
                 disabled={false}
                 onChange={handleInlineFilterClick}
             >
-                <RadioGroup.Radio
-                    key={allResourceKindFilter.status}
-                    value={allResourceKindFilter.status}
-                    tippyPlacement="top"
-                    tippyContent={allResourceKindFilter.status}
-                    tippyClass="w-100 dc__first-letter-capitalize"
-                >
+                <RadioGroup.Radio key={allResourceKindFilter.status} value={allResourceKindFilter.status}>
                     <span className="dc__first-letter-capitalize">{`${allResourceKindFilter.status} (${allResourceKindFilter.count})`}</span>
                 </RadioGroup.Radio>
                 {inlineFilters.map(({ status, count }) => (