- 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
}) =>
(
);
export const WarningIcon = ({
- color = '#FF9800'
+ color = '#FF9800',
+ title = 'QA Not Passed'
}: {
color?: string
+ title?: string
}) => (
)
export const DownIcon = ({
- color = '#25408F'
+ color = '#25408F',
+ title = 'Open icon'
}: {
color?: string
+ title?: string
}) => (
)