From f1354632a1a2915159f6d662f90b68fe8c3bab38 Mon Sep 17 00:00:00 2001
From: fragosti <francesco.agosti93@gmail.com>
Date: Thu, 29 Nov 2018 18:42:25 -0800
Subject: feat: implement available token fetching

---
 packages/website/ts/components/ui/multi_select.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

(limited to 'packages/website/ts/components/ui')

diff --git a/packages/website/ts/components/ui/multi_select.tsx b/packages/website/ts/components/ui/multi_select.tsx
index 329e76bd5..bf80443af 100644
--- a/packages/website/ts/components/ui/multi_select.tsx
+++ b/packages/website/ts/components/ui/multi_select.tsx
@@ -10,7 +10,7 @@ import { Text } from './text';
 
 export interface MultiSelectItemConfig {
     value: string;
-    displayText: string;
+    displayText: React.ReactNode;
     onClick?: () => void;
 }
 
@@ -27,11 +27,16 @@ export class MultiSelect extends React.Component<MultiSelectProps> {
         textColor: colors.darkGrey,
     };
     public render(): React.ReactNode {
-        const { items, backgroundColor } = this.props;
+        const { items, backgroundColor, selectedValues } = this.props;
         return (
             <Container backgroundColor={backgroundColor} borderRadius="4px">
                 {_.map(items, item => (
-                    <MultiSelectItem key={item.value} displayText={item.displayText} onClick={item.onClick} />
+                    <MultiSelectItem
+                        key={item.value}
+                        displayText={item.displayText}
+                        onClick={item.onClick}
+                        isSelected={_.includes(selectedValues, item.value)}
+                    />
                 ))}
             </Container>
         );
@@ -39,7 +44,7 @@ export class MultiSelect extends React.Component<MultiSelectProps> {
 }
 
 export interface MultiSelectItemProps {
-    displayText: string;
+    displayText: React.ReactNode;
     isSelected?: boolean;
     onClick?: () => void;
 }
-- 
cgit v1.2.3