chore: ignore nested ternaries

penumbra-zone · Aug 26, 2024 · b56acb7 · b56acb7
1 parent 72214c2
commit b56acb7
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 3 deletions.
diff --git a/packages/ui/src/AccountSelector/AccountSelectorAddress.tsx b/packages/ui/src/AccountSelector/AccountSelectorAddress.tsx
@@ -23,6 +23,7 @@ const TextWrapper = styled.div`
 `;
 
 const getAddressColor = (loading: boolean, ephemeral: boolean) => (color: DefaultTheme['color']) =>
+  // eslint-disable-next-line no-nested-ternary -- readable ternary
   loading ? color.text.muted : ephemeral ? color.text.special : color.text.primary;
 
 export interface AccountSelectorAddressProps {

diff --git a/packages/ui/src/AssetIcon/index.tsx b/packages/ui/src/AssetIcon/index.tsx
@@ -31,9 +31,11 @@ export const AssetIcon = ({ metadata }: AssetIcon) => {
 
   return (
     <BorderWrapper>
+      {/* eslint-disable-next-line no-nested-ternary -- readable ternary */}
       {icon ? (
         <IconImg src={icon} alt='Asset icon' />
-      ) : isDelegationToken ? (
+      ) : // eslint-disable-next-line no-nested-ternary -- readable ternary
+      isDelegationToken ? (
         <DelegationTokenIcon displayDenom={display} />
       ) : isUnbondingToken ? (
         /**

diff --git a/packages/ui/src/Button/index.tsx b/packages/ui/src/Button/index.tsx
@@ -65,7 +65,7 @@ const StyledButton = styled(motion.button)<StyledButtonProps>`
   ${buttonBase}
   ${button}
 
-  background-color: ${props =>
+    background-color: ${props =>
     getBackgroundColor(props.$actionType, props.$priority, props.theme, props.$iconOnly)};
   outline: ${props =>
     props.$priority === 'secondary'
@@ -80,12 +80,12 @@ const StyledButton = styled(motion.button)<StyledButtonProps>`
   position: relative;
 
   ${props =>
+    // eslint-disable-next-line no-nested-ternary -- readable ternary
     props.$iconOnly === 'adornment'
       ? iconOnlyAdornment
       : props.$density === 'sparse'
         ? sparse
         : compact}
-
   &::after {
     outline-offset: -2px;
   }

diff --git a/packages/ui/src/Colors.stories.tsx b/packages/ui/src/Colors.stories.tsx
@@ -43,6 +43,7 @@ const Variant = styled.div<VariantProps>`
     props.$color === 'text' ? 'transparent' : props.theme.color[props.$color][props.$colorVariant]};
   border-radius: ${props => props.theme.borderRadius.xl};
   color: ${props =>
+    // eslint-disable-next-line no-nested-ternary -- readable ternary
     props.$color === 'text'
       ? props.theme.color.text[props.$colorVariant]
       : props.$colorVariant === 'contrast' || props.$colorVariant === 'light'