feat(dropdown.tsx): updated snapshots

feat #451
Headstorm · Jul 17, 2023 · d1223b7 · d1223b7
1 parent 9214047
commit d1223b7
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 11 deletions.
diff --git a/src/components/Dropdown/Dropdown.tsx b/src/components/Dropdown/Dropdown.tsx
@@ -233,7 +233,12 @@ const SearchInput = styled(StyledBaseInput)`
 `;
 
 const ValuesCountContainer = styled(StyledBaseDiv)`
-  ${({ variant, color, dropdownVariant, transparentColor }: UsefulDropdownState & { dropdownVariant: variants, transparentColor: string }) => {
+  ${({
+    variant,
+    color,
+    dropdownVariant,
+    transparentColor,
+  }: UsefulDropdownState & { dropdownVariant: variants; transparentColor: string }) => {
     return `
     ${getDropdownTagStyle(dropdownVariant, variant, color, transparentColor)}
       padding: 0.125rem;
@@ -813,16 +818,16 @@ const Dropdown = ({
     return (
       <>
         {showValueCount && (
-            <StyledValueCountContainer
-              variant={valueCountVariant}
-              color={defaultedColor}
-              transparentColor={colors.transparent}
-              ref={valueCountRef}
-              dropdownVariant={variant}
-              {...valueCountProps}
-            >
-              {values.length}
-            </StyledValueCountContainer>
+          <StyledValueCountContainer
+            variant={valueCountVariant}
+            color={defaultedColor}
+            transparentColor={colors.transparent}
+            ref={valueCountRef}
+            dropdownVariant={variant}
+            {...valueCountProps}
+          >
+            {values.length}
+          </StyledValueCountContainer>
         )}
         {showCloseIcon && (
           <StyledCloseIconContainer

diff --git a/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap b/src/components/Dropdown/__tests__/__snapshots__/Dropdown.test.tsx.snap
@@ -3114,6 +3114,7 @@ exports[`Dropdown renders a value when given a matching option id through props
 
 .c7 {
   border: 1px solid #252D34;
+  background-color: transparent;
   color: #252D34;
   margin-right: .25rem;
   margin-top: 1px;
@@ -3363,6 +3364,7 @@ exports[`Dropdown renders no value when given a value that doesn't match any opt
 
 .c5 {
   border: 1px solid #252D34;
+  background-color: transparent;
   color: #252D34;
   margin-right: .25rem;
   margin-top: 1px;
@@ -3636,6 +3638,7 @@ exports[`Dropdown renders one value when given two values but only one matches a
 
 .c7 {
   border: 1px solid #252D34;
+  background-color: transparent;
   color: #252D34;
   margin-right: .25rem;
   margin-top: 1px;
@@ -3917,6 +3920,7 @@ exports[`Dropdown renders two values when given matching option ids through prop
 
 .c7 {
   border: 1px solid #252D34;
+  background-color: transparent;
   color: #252D34;
   margin-right: .25rem;
   margin-top: 1px;
@@ -4206,6 +4210,7 @@ exports[`Dropdown renders two values when given matching option ids through prop
 
 .c7 {
   border: 1px solid #252D34;
+  background-color: transparent;
   color: #252D34;
   margin-right: .25rem;
   margin-top: 1px;
@@ -4495,6 +4500,7 @@ exports[`Dropdown selects options from values prop 1`] = `
 
 .c7 {
   border: 1px solid #252D34;
+  background-color: transparent;
   color: #252D34;
   margin-right: .25rem;
   margin-top: 1px;
@@ -4784,6 +4790,7 @@ exports[`Dropdown selects options from values prop 2`] = `
 
 .c7 {
   border: 1px solid #252D34;
+  background-color: transparent;
   color: #252D34;
   margin-right: .25rem;
   margin-top: 1px;