Merge pull request #739 from devtron-labs/feat/app-group-manage-traffic

feat: Checkbox - add error prop, add new icons

Author: RohitRaj011

src/Assets/IconV2/ic-filter-applied.svg

@@ -35,7 +35,7 @@ export class Checkbox extends Component<CheckboxProps> {
                 <input
                     {...(this.props.name ? { name: this.props.name } : {})}
                     type="checkbox"
-                    className="form__checkbox"
+                    className={`form__checkbox ${this.props.error ? 'error': ''}`}
                     disabled={this.props.disabled}
                     value={this.props.value}
                     onChange={this.props.onChange}

src/Assets/IconV2/ic-filter.svg

@@ -117,6 +117,7 @@ export interface CheckboxProps {
     onClick?: (event) => void
     id?: string
     dataTestId?: string
+    error?: boolean
 }
 
 export interface TippyCustomizedProps extends Pick<TippyProps, 'appendTo'> {

src/Common/Checkbox.tsx

@@ -50,6 +50,8 @@ import { ReactComponent as ICError } from '@IconsV2/ic-error.svg'
 import { ReactComponent as ICFailure } from '@IconsV2/ic-failure.svg'
 import { ReactComponent as ICFastForward } from '@IconsV2/ic-fast-forward.svg'
 import { ReactComponent as ICFileKey } from '@IconsV2/ic-file-key.svg'
+import { ReactComponent as ICFilter } from '@IconsV2/ic-filter.svg'
+import { ReactComponent as ICFilterApplied } from '@IconsV2/ic-filter-applied.svg'
 import { ReactComponent as ICFlask } from '@IconsV2/ic-flask.svg'
 import { ReactComponent as ICFolderUser } from '@IconsV2/ic-folder-user.svg'
 import { ReactComponent as ICGear } from '@IconsV2/ic-gear.svg'
@@ -187,6 +189,8 @@ export const iconMap = {
     'ic-failure': ICFailure,
     'ic-fast-forward': ICFastForward,
     'ic-file-key': ICFileKey,
+    'ic-filter-applied': ICFilterApplied,
+    'ic-filter': ICFilter,
     'ic-flask': ICFlask,
     'ic-folder-user': ICFolderUser,
     'ic-gear': ICGear,