fix: css for plugin list container

Author: AbhishekA1509

src/Common/CIPipeline.Types.ts

@@ -129,6 +129,7 @@ interface ConditionDetails {
     conditionalValue: string
 }
 
+// FIXME: mountCodeToContainerPath is not here :/
 interface InlineStepDetailType {
     scriptType: ScriptType
     isMountCustomScript?: boolean

src/Common/Modals/VisibleModal.tsx

@@ -46,6 +46,7 @@ export class VisibleModal extends React.Component<{
 
     componentDidMount() {
         document.addEventListener('keydown', this.escFunction)
+        // show is also being used in modal (i.e, pop up menu for case where we have noBackground as false, so it works in syc with VisibleModal with noBackground as false)
         this.modalRef.classList.add(this.props.noBackground ? 'show' : 'show-with-bg')
         preventBodyScroll(true)
 

src/Shared/Components/CICDHistory/CDEmptyState.tsx

@@ -15,7 +15,7 @@
  */
 
 import React from 'react'
-import { GenericEmptyState } from '../../../Common'
+import { GenericEmptyState, ImageType } from '../../../Common'
 import AppNotDeployed from '../../../Assets/Img/app-not-deployed.png'
 import { EMPTY_STATE_STATUS } from '../../constants'
 
@@ -61,6 +61,7 @@ const CDEmptyState = ({
                 title={title || EMPTY_STATE_STATUS.CD_EMPTY_STATE.TITLE}
                 subTitle={subtitle || EMPTY_STATE_STATUS.CD_EMPTY_STATE.SUBTITLE}
                 isButtonAvailable
+                imageType={ImageType.Large}
                 renderButton={handleCDEmptyStateButton}
             />
         </div>

src/Shared/Components/Plugin/PluginCard.tsx

@@ -26,7 +26,7 @@ const PluginCard = ({
 
     return (
         <div
-            className={`p-12 flexbox dc__gap-16 dc__tab-focus plugin-card dc__visible-hover dc__visible-hover--parent ${showCardBorder ? 'dc__border br-4 dc__hover-n50' : 'dc__border-transparent dc__hover-border-n1--imp'}`}
+            className={`p-12 flexbox dc__gap-16 dc__tab-focus plugin-card dc__visible-hover dc__visible-hover--parent ${showCardBorder ? 'dc__border br-4 dc__hover-n50' : 'dc__border-transparent dc__hover-border-n1'}`}
             role="button"
             tabIndex={0}
             onClick={handleSelection}

src/Shared/Components/Plugin/PluginListContainer.tsx

@@ -194,6 +194,7 @@ const PluginListContainer = ({
                     handleEnter={handleSearch}
                     inputProps={{
                         placeholder: 'Search plugins',
+                        autoFocus: true,
                     }}
                 />
 

src/Shared/Components/Plugin/PluginTagSelect.tsx

@@ -62,7 +62,7 @@ const PluginTagSelect = ({
     )
 
     const renderValueContainer = useCallback(
-        (props: ValueContainerProps<OptionType, true>) => <MultiSelectValueContainer {...props} title="Category" />,
+        (props: ValueContainerProps<OptionType, true>) => <MultiSelectValueContainer {...props} title="Tags" />,
         [],
     )
 
@@ -92,7 +92,7 @@ const PluginTagSelect = ({
             hideSelectedOptions={false}
             blurInputOnSelect={false}
             maxMenuHeight={200}
-            placeholder="Select tags"
+            placeholder="Search tags"
             inputId="plugin-tag-select"
             className="w-150"
         />