feat(imagegallerymodal): pr feedback

carbon-design-system · Nov 30, 2020 · 48cbc5d · 48cbc5d
1 parent 71d2d08
commit 48cbc5d
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/components/ImageGalleryModal/ImageGalleryModal.jsx b/src/components/ImageGalleryModal/ImageGalleryModal.jsx
@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import classNames from 'classnames';
+import classnames from 'classnames';
 import { Grid20, List20 } from '@carbon/icons-react';
 
 import { settings } from '../../constants/Settings';
@@ -114,13 +114,14 @@ const ImageGalleryModal = ({
       return text.includes(searchTerm);
     });
     setFilteredContent(filtered);
+    setSelectedImage(undefined);
   };
 
   const baseClass = `${iotPrefix}--image-gallery-modal`;
   return (
     <ComposedModal
       type="normal"
-      className={classNames(className, baseClass)}
+      className={classnames(className, baseClass)}
       footer={{
         isPrimaryButtonDisabled: !selectedImage,
         primaryButtonLabel: modalPrimaryButtonLabelText,
@@ -175,7 +176,7 @@ const ImageGalleryModal = ({
       </div>
       <div className={`${baseClass}__flex-wrapper`}>
         <div
-          className={classNames(`${baseClass}__scroll-panel`, {
+          className={classnames(`${baseClass}__scroll-panel`, {
             [`${baseClass}__scroll-panel--grid`]: activeView === GRID,
             [`${baseClass}__scroll-panel--list`]: activeView === LIST,
           })}>

diff --git a/src/components/ImageGalleryModal/_image-tile.scss b/src/components/ImageGalleryModal/_image-tile.scss
@@ -44,7 +44,7 @@ $title-height: 3rem;
   &.#{$prefix}--tile--is-selected,
   &:focus {
     border-color: transparent;
-    & + input + .bx--tile {
+    & + input + .#{$prefix}--tile {
       border-color: transparent;
     }
   }