From 0cef89e9f76e697a9f65548ab92efcf6997f2475 Mon Sep 17 00:00:00 2001
From: Anastasia Poupeney <anastasiasergienko@gmail.com>
Date: Mon, 23 Jul 2018 08:43:29 +0200
Subject: [PATCH] a few adjustments after design meeting on selectables

---
 src/components/DashboardPage/index.js       | 2 +-
 src/components/ExchangePage/ExchangeCard.js | 4 ++--
 src/components/base/Modal/ModalBody.js      | 1 -
 src/components/base/Modal/index.js          | 1 +
 src/components/base/SideBar/SideBarList.js  | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/DashboardPage/index.js b/src/components/DashboardPage/index.js
index 47b0b35a..384f6d71 100644
--- a/src/components/DashboardPage/index.js
+++ b/src/components/DashboardPage/index.js
@@ -108,7 +108,7 @@ class DashboardPage extends PureComponent<Props> {
           totalOperations={totalOperations}
           totalCurrencies={totalCurrencies}
         />
-        <Box flow={7} selectable>
+        <Box flow={7}>
           {totalAccounts > 0 ? (
             <Fragment>
               <Box horizontal alignItems="flex-end">
diff --git a/src/components/ExchangePage/ExchangeCard.js b/src/components/ExchangePage/ExchangeCard.js
index 699539c0..7ddf4e2a 100644
--- a/src/components/ExchangePage/ExchangeCard.js
+++ b/src/components/ExchangePage/ExchangeCard.js
@@ -26,14 +26,14 @@ export default class ExchangeCard extends PureComponent<{ t: T, card: CardType }
       t,
     } = this.props
     return (
-      <Card horizontal py={5} px={6} style={{ cursor: 'pointer' }} onClick={this.onClick}>
+      <Card horizontal py={5} px={6}>
         <Box justify="center" style={{ width: 200 }}>
           {logo}
         </Box>
         <Box shrink ff="Open Sans|Regular" fontSize={4} flow={3}>
           <Box>{t(`app:exchange.${id}`)}</Box>
           <Box horizontal align="center" color="wallet" flow={1}>
-            <FakeLink>{t('app:exchange.visitWebsite')}</FakeLink>
+            <FakeLink onClick={this.onClick}>{t('app:exchange.visitWebsite')}</FakeLink>
             <ExternalLinkIcon size={14} />
           </Box>
         </Box>
diff --git a/src/components/base/Modal/ModalBody.js b/src/components/base/Modal/ModalBody.js
index 1b8ed293..f6056f2a 100644
--- a/src/components/base/Modal/ModalBody.js
+++ b/src/components/base/Modal/ModalBody.js
@@ -77,7 +77,6 @@ const Body = styled(Box).attrs({
   bg: p => p.theme.colors.white,
   relative: true,
   borderRadius: 1,
-  selectable: true,
 })`
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
 `
diff --git a/src/components/base/Modal/index.js b/src/components/base/Modal/index.js
index 472f1ee3..1601efd3 100644
--- a/src/components/base/Modal/index.js
+++ b/src/components/base/Modal/index.js
@@ -241,6 +241,7 @@ export const ModalFooter = styled(Box).attrs({
 export const ModalContent = styled(Box).attrs({
   px: 5,
   pb: 5,
+  selectable: true,
 })``
 
 export default connect(
diff --git a/src/components/base/SideBar/SideBarList.js b/src/components/base/SideBar/SideBarList.js
index e8da9cff..b2bace6b 100644
--- a/src/components/base/SideBar/SideBarList.js
+++ b/src/components/base/SideBar/SideBarList.js
@@ -35,7 +35,7 @@ class SideBarList extends Component<Props> {
             {children}
           </ListWrapper>
         ) : emptyState ? (
-          <Box px={4} ff="Open Sans|Regular" fontSize={3} color="grey">
+          <Box px={4} ff="Open Sans|Regular" selectable fontSize={3} color="grey">
             {emptyState}
           </Box>
         ) : null}