Update src/components/FindWallet/WalletPersonasSidebar.tsx

Co-authored-by: Paul Wackerow <[email protected]>
ethereum · Jun 30, 2022 · 7a4ec90 · 7a4ec90
1 parent e7d40fe
commit 7a4ec90
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/src/components/FindWallet/WalletPersonasSidebar.tsx b/src/components/FindWallet/WalletPersonasSidebar.tsx
@@ -75,14 +75,14 @@ const Persona = styled.div<{
   flex-direction: column;
   align-items: flex-start;
   padding: 1.5rem;
-  background: ${(props) =>
-    props.selected === true
-      ? props.isDark === true
-        ? props.theme.colors.primary900
-        : props.theme.colors.primary200
-      : props.isDark === true
-      ? props.theme.colors.black400
-      : props.theme.colors.primary100};
+  background: ${({ selection, isDark, theme }) =>
+    selected
+      ? isDark
+        ? theme.colors.primary900
+        : theme.colors.primary200
+      : isDark
+      ? theme.colors.black400
+      : theme.colors.primary100};
   border-radius: 4px;
   cursor: pointer;
   transition: 0.5s all;