diff --git a/package.json b/package.json index 2e58ecf..3a91c7d 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "@ecmwf-projects/cads-blocks-library", "description": "CADS Blocks library for webportal", "private": false, - "version": "5.0.5", + "version": "5.0.6", "repository": { "type": "git", "url": "git@github.com:ecmwf-projects/cads-blocks-library.git" diff --git a/src/components/blocks/CheckItem.tsx b/src/components/blocks/CheckItem.tsx index 1dc615d..6495b17 100644 --- a/src/components/blocks/CheckItem.tsx +++ b/src/components/blocks/CheckItem.tsx @@ -30,18 +30,23 @@ export const CheckItem = ({ - + -
setIsExpanded(!isExpanded)}>{ - isExpandable ? : null}
+ isExpandable ? : null} {isExpandable && ( - + {isExpanded && ( + + )} )} @@ -58,7 +63,11 @@ const ExpandIcon = ({ transform: state ? 'rotate(180deg)' : 'rotate(0deg)', }} > - + ) } @@ -98,6 +107,14 @@ const ExpandIconWrapper = styled.div` cursor: pointer; ` +const LinkButton = styled.button` + background: none; + border: none; + cursor: pointer; + padding: 0; + margin: 0; +` + const Wrapper = styled.section` margin-top: 0; width: 100%; diff --git a/src/components/icons/EQCIcons.tsx b/src/components/icons/EQCIcons.tsx index 14dccbf..9a81d59 100644 --- a/src/components/icons/EQCIcons.tsx +++ b/src/components/icons/EQCIcons.tsx @@ -1,32 +1,41 @@ import React from 'react'; export const CheckIcon = ({ - color = '#4CAF50' + color = '#4CAF50', + title = 'QA Passed' }: { color?: string + title?: string }) => ( + {title} ); export const WarningIcon = ({ - color = '#FF9800' + color = '#FF9800', + title = 'QA Not Passed' }: { color?: string + title?: string }) => ( + {title} ) export const DownIcon = ({ - color = '#25408F' + color = '#25408F', + title = 'Open icon' }: { color?: string + title?: string }) => ( + {title} )