Lint fixes

Author: gautam1168

src/components/Select/Select.jsx

@@ -11,19 +11,17 @@ import ReactSelect from 'react-select'
 import CreatableSelect from 'react-select/lib/Creatable'
 import './Select.scss'
 
-let customStyles = {}
-
 const Select = (props) => {
-  let containerclass = "react-select-hiddendropdown-container"
+  let containerclass = 'react-select-hiddendropdown-container'
   if (props.showDropdownIndicator) {
-	containerclass = "react-select-container"
+    containerclass = 'react-select-container'
   }
-  
+
   if (props.createOption) {
     return (
       <CreatableSelect
         {...props}
-		createOptionPosition="first"
+        createOptionPosition="first"
         className={containerclass}
         classNamePrefix="react-select"
         noOptionsMessage={() => ('Type to search')}
@@ -33,7 +31,7 @@ const Select = (props) => {
     return (
       <ReactSelect
         {...props}
-		createOptionPosition="first"
+        createOptionPosition="first"
         className={containerclass}
         classNamePrefix="react-select"
         noOptionsMessage={() => ('Type to search')}

src/components/Select/Select.scss

@@ -15,24 +15,24 @@
 		}
 
 		& .react-select__control {
-	  	  height: $reactselectheight;
-		  border-color: $tc-gray-30;
-		  box-shadow: none;//0 0 2px 0 rgba(6, 129, 255, 0.7) !important;
+			height: $reactselectheight;
+			border-color: $tc-gray-30;
+			box-shadow: none;//0 0 2px 0 rgba(6, 129, 255, 0.7) !important;
 
-		  & > div {
-		  		height: $reactselectheight - 2px;
-		  }
+			& > div {
+				height: $reactselectheight - 2px;
+			}
 
-		  & input {
-			  height: $reactselectcontentheight - 3px;
-			  transition: none !important;
-		  }
+			& input {
+				height: $reactselectcontentheight - 3px;
+				transition: none !important;
+			}
 
-	  	  & input:focus {
-	  		box-shadow: none !important;
-	  		-webkit-box-shadow: none !important;
-	  		height: $reactselectcontentheight - 3px;
-	  	  }
+			& input:focus {
+				box-shadow: none !important;
+				-webkit-box-shadow: none !important;
+				height: $reactselectcontentheight - 3px;
+			}
 		}
 
 		& .react-select__value-container {
@@ -43,30 +43,30 @@
 
 		& .react-select__option {
 			@include roboto-medium;
-		    font-size: 13px;
+			font-size: 13px;
 		}
 
 		& .react-select__multi-value {
 			background-color: $tc-gray-20 !important;
-	    	font-weight: bold;
+			font-weight: bold;
 		}
 
 		& .react-select__menu-notice--no-options {
 			text-align : left !important;
-		    font-size : 15px;
-		    color: $tc-gray-50;
+			font-size : 15px;
+			color: $tc-gray-50;
 		}
 	}
 	.react-select-hiddendropdown-container {
 		@include reactselectstyles;
 		/*hide dropdown indicator*/
 		& .react-select__control {
-		  & > div:nth-child(2) {
-            display: none;
-          }
-		  & .react-select__dropdown-indicator {
-			  display: none;
-		  }
+			& > div:nth-child(2) {
+				display: none;
+			}
+			& .react-select__dropdown-indicator {
+				display: none;
+			}
 		}
 	}