-
Notifications
You must be signed in to change notification settings - Fork 226
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
(feat) O3-4026: Add an icon for the vitals and biometrics link to the left panel #2076
Conversation
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.
Thanks @Munyua123 for this, kindly add a video or image so that guys can easily see the new changes
@CynthiaKamau I have added the screenshots |
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.
Thanks, @Munyua123. I've left some comments.
return ( | ||
<div key={path}> | ||
<div key={path} style={{ display: 'flex', alignItems: 'center' }}> |
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.
Can we move these styles to an .scss
file?
<ConfigurableLink | ||
className={classNames('cds--side-nav__link', { 'active-left-nav-link': path === navLink })} | ||
to={`${basePath}/${encodeURIComponent(path)}`} | ||
> | ||
{t(title)} | ||
<span style={{ display: 'flex', alignItems: 'center' }}> |
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.
Ditto
@@ -22,13 +23,18 @@ export const DashboardExtension = ({ | |||
const location = useLocation(); | |||
const navLink = useMemo(() => decodeURIComponent(last(location.pathname.split('/'))), [location.pathname]); | |||
|
|||
const renderIcon = title === 'Vitals & Biometrics' ? <Activity style={{ marginRight: '8px' }} /> : null; |
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.
Can we use ActivityIcon from the CarbonMRS icon pack in the framework here instead?
@denniskigen All the comments above have been noted and iam making the changes |
Requirements
Summary
I have added a function that allows someone to have an icon before the nav menu title
Screenshots
Related Issue
Other