-
Notifications
You must be signed in to change notification settings - Fork 284
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
display warning for expired and disabled members in Roles and Groups #2668
display warning for expired and disabled members in Roles and Groups #2668
Conversation
a00e299
to
b7d393e
Compare
@@ -54,6 +57,7 @@ const GroupTDStyled = styled.td` | |||
const EditDiv = styled.div` | |||
display: flex; | |||
column-gap: 10px; | |||
${(props) => props.expired ? props.expired : ''} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
one suggestion for readability, it maybe better to set the color and font-style here based on whether expired is true or not instead of passing the css in expired
field.
dd32c4f
to
29e7f41
Compare
@@ -54,6 +57,8 @@ const GroupTDStyled = styled.td` | |||
const EditDiv = styled.div` | |||
display: flex; | |||
column-gap: 10px; | |||
${props => props.expired && `color: ${props.color};`} | |||
${props => props.expired && `font-style: ${props.fontStyle};`} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
@chandrasekhar1996 is this what you meant it to look like?
Signed-off-by: aporss <[email protected]>
29e7f41
to
2c097e1
Compare
Signed-off-by: Henry Avetisyan <[email protected]>
Signed-off-by: Henry Avetisyan <[email protected]>
Description
Changes affect Roles and Groups Members screen. Shows a warning icon if a Member is disabled or expired. Tooltip of warning icon shows disability reason.
Contribution Checklist:
Attach Screenshots (Optional)