TrizTech/ohif-viewer
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

open modal for Learn More (search info)

Browse Source
This commit is contained in:
Rodrigo Antinarelli 2020-06-22 22:38:52 -03:00
parent 248639777e
commit 92a2071a04
1 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
platform/ui/src/components/StudyListFilter/StudyListFilter.jsx
View File

@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Button, Icon, Typography, InputGroup } from '@ohif/ui'; import { Button, Icon, Typography, InputGroup, useModal } from '@ohif/ui';
const StudyListFilter = ({ const StudyListFilter = ({
filtersMeta, filtersMeta,
@ -20,6 +20,16 @@ const StudyListFilter = ({
}); });
}; };
const isSortingEnable = numOfStudies > 0 && numOfStudies <= 100; const isSortingEnable = numOfStudies > 0 && numOfStudies <= 100;
const { show } = useModal();
const showLearnMoreContent = () => {
const modalContent = () => <div>Search Instructions</div>;
show({
content: modalContent,
title: 'Learn More',
});
};
return ( return (
<React.Fragment> <React.Fragment>
@ -40,7 +50,7 @@ const StudyListFilter = ({
startIcon={<Icon name="info-link" className="w-2" />} startIcon={<Icon name="info-link" className="w-2" />}
> >
<span className="flex flex-col flex-1"> <span className="flex flex-col flex-1">
<span>Learn more</span> <span onClick={showLearnMoreContent}>Learn more</span>
<span className="opacity-50 pt-1 border-b border-primary-active"></span> <span className="opacity-50 pt-1 border-b border-primary-active"></span>
</span> </span>
</Button> </Button>