fix: image class (#422)

Author: Cahllagerfeld

src/ui/layouts/connectors/ServicesSelectorComponent/Disabled.tsx

@@ -42,7 +42,11 @@ const Index: React.FC<any> = ({ data }) => {
         {resourceType?.map((e: any) => (
           <FlexBox className={styles.service_selector_selected}>
             <Box marginRight="sm">
-              <img src={e?.logo_url} alt={e?.name} />
+              <img
+                className={styles.service_selector_image}
+                src={e?.logo_url}
+                alt={e?.name}
+              />
             </Box>
             <Paragraph>
               {e?.name}-

src/ui/layouts/connectors/ServicesSelectorComponent/index.module.scss

@@ -1,9 +1,3 @@
-.service_selector_wrapper {
-  img {
-    height: 20px;
-  }
-}
-
 .service_selector {
   margin-top: 30px;
   padding: 3px 20px !important;
@@ -24,6 +18,10 @@
     border: 1px solid #c9cbd0;
     border-radius: 4px;
   }
+
+  &_image {
+    height: 20px;
+}
 }
 
 .services_container {

src/ui/layouts/connectors/ServicesSelectorComponent/index.tsx

@@ -102,7 +102,11 @@ const Index: React.FC<ServicesSelector> = ({
         {parent ? (
           <FlexBox className={styles.service_selector_selected}>
             <Box marginRight="sm">
-              <img src={data?.logoUrl} alt={data?.name} />
+              <img
+                className={styles.service_selector_image}
+                src={data?.logoUrl}
+                alt={data?.name}
+              />
             </Box>
             <Paragraph>{data?.name}-&#91;all&#93;</Paragraph>
           </FlexBox>
@@ -113,6 +117,7 @@ const Index: React.FC<ServicesSelector> = ({
                 <FlexBox>
                   <Box marginRight="sm">
                     <img
+                      className={styles.service_selector_image}
                       src={resourceTypeImage[0]?.logo_url}
                       alt={resourceTypeImage[0]?.name}
                     />
@@ -155,7 +160,11 @@ const Index: React.FC<ServicesSelector> = ({
             {/* Main Parent Start  */}
             <FlexBox className={styles.services}>
               <Box>
-                <img src={data.logoUrl} alt={data.name} />
+                <img
+                  className={styles.service_selector_image}
+                  src={data.logoUrl}
+                  alt={data.name}
+                />
               </Box>
               <Box
                 marginLeft="sm"
@@ -220,6 +229,7 @@ const Index: React.FC<ServicesSelector> = ({
 
                         <Box>
                           <img
+                            className={styles.service_selector_image}
                             src={resource_type.logo_url}
                             alt={resource_type.resource_type}
                           />

src/ui/layouts/stackComponents/ServicesSelectorComponent/Disabled.tsx

@@ -43,6 +43,7 @@ const Index: React.FC<ServicesSelector> = ({
             {!fetching && (
               <Paragraph>
                 <img
+                  className={styles.service_selector_image}
                   src={resourceTypeImage[0]?.connector_type?.logo_url}
                   alt={resourceTypeImage[0]?.connector_type.name}
                 />{' '}

src/ui/layouts/stackComponents/ServicesSelectorComponent/index.module.scss

@@ -1,10 +1,3 @@
-.service_selector_wrapper {
-  img {
-    height: 20px;
-  }
-  
-}
-
 .service_selector {
   margin-top: 30px;
   padding: 3px 20px !important;
@@ -23,6 +16,10 @@
     border: 1px solid #c9cbd0;
     border-radius: 4px;
   }
+
+  &_image {
+    height: 20px;
+  }
 }
 
 .services_container {

src/ui/layouts/stackComponents/ServicesSelectorComponent/index.tsx

@@ -53,6 +53,7 @@ const Index: React.FC<ServicesSelector> = ({
             {!fetching && (
               <Paragraph>
                 <img
+                  className={styles.service_selector_image}
                   src={resourceTypeImage[0]?.connector_type?.logo_url}
                   alt={resourceTypeImage[0]?.connector_type.name}
                 />{' '}
@@ -122,6 +123,7 @@ const Index: React.FC<ServicesSelector> = ({
                 <FlexBox className={styles.services}>
                   <Box>
                     <img
+                      className={styles.service_selector_image}
                       src={connectorItem.connector_type.logo_url}
                       alt={connectorItem.connector_type.logo_url}
                     />