bottom border color prop and option of no remove items selected

sauzy34 · Aug 10, 2021 · e4c3db7 · e4c3db7
1 parent 6f7597a
commit e4c3db7
Showing 1 changed file with 11 additions and 5 deletions.
diff --git a/lib/index.js b/lib/index.js
@@ -27,6 +27,7 @@ function SelectBox({
   multiListEmptyLabelStyle,
   listEmptyLabelStyle,
   selectedItemStyle,
+  removeItemsSelected,
   listEmptyText = 'No results found',
   ...props
 }) {
@@ -112,14 +113,18 @@ function SelectBox({
     const kMultiOptionsLabelStyle = {
       fontSize: 10,
       color: '#fff',
+      padding: 4,
+      marginRight: 5,
       ...multiOptionsLabelStyle,
     }
+
     return (
       <View style={kMultiOptionContainerStyle}>
         <Text style={kMultiOptionsLabelStyle}>{label.item}</Text>
-        <TouchableOpacity style={{ marginLeft: 15 }} hitSlop={hitSlop} onPress={onPressItem()}>
-          <Icon name="closeCircle" fill="#fff" width={21} height={21} />
-        </TouchableOpacity>
+        { removeItemsSelected ?
+          <TouchableOpacity hitSlop={hitSlop} onPress={onPressItem()}>
+            <Icon name="closeCircle" fill="#fff" width={21} height={21} />
+          </TouchableOpacity> : null }
       </View>
     )
 
@@ -140,6 +145,7 @@ function SelectBox({
     arrowIconColor = Colors.primary,
     searchIconColor = Colors.primary,
     toggleIconColor = Colors.primary,
+    bottomBarColor ='#ddd',
     searchInputProps,
     multiSelectInputFieldProps,
     listOptionProps = {},
@@ -188,7 +194,7 @@ function SelectBox({
   const kContainerStyle = {
     flexDirection: 'row',
     width: '100%',
-    borderColor: '#ddd',
+    borderColor: bottomBarColor,
     borderBottomWidth: 1,
     paddingTop: 6,
     paddingRight: 20,
@@ -393,4 +399,4 @@ SelectBox.defaultProps = {
   ],
 }
 
-export default memo(SelectBox)
+export default memo(SelectBox)