Skip to content

Commit a490a5e

Browse files
author
Amy Chen
committed
Logo, patient text changes, minor header styling fixes
1 parent 13688c4 commit a490a5e

File tree

27 files changed

+60
-50
lines changed

27 files changed

+60
-50
lines changed

‎src/ui-client/public/images/logos/apps/leaf.png

468 KB
Loading

‎src/ui-client/src/components/Admin/ConceptEditor/Sections/Display.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ export class Display extends React.PureComponent<Props> {
3939
/>
4040
<Input
4141
changeHandler={changeHandler} propName={'uiDisplayPatientCount'} value={adminConcept!.uiDisplayPatientCount}
42-
label='Patient Count' type='number' subLabel='Total patient count displayed next to name'
42+
label='Participant Count' type='number' subLabel='Total participant count displayed next to name'
4343
/>
4444
<Input
4545
changeHandler={changeHandler} propName={'uiDisplayUnits'} value={adminConcept!.uiDisplayUnits}

‎src/ui-client/src/components/Admin/DatasetEditor/DatasetEditor.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -109,10 +109,10 @@ export class DatasetEditor extends React.PureComponent<Props,State> {
109109
{/* Explanation */}
110110
<WhatsThis
111111
question={'What is a Dataset?'}
112-
body={`Datasets are the row-level data (and associated SQL queries) for display in the Patient List. The 'Basic Demographics'
113-
Dataset is a special required Dataset which populates the Visualize and inital Patient List screens. Additional Datasets
112+
body={`Datasets are the row-level data (and associated SQL queries) for display in the Participant List. The 'Basic Demographics'
113+
Dataset is a special required Dataset which populates the Visualize and inital Participant List screens. Additional Datasets
114114
can by added by specifying a SQL query (i.e., SELECT... FROM... WHERE...) to retrieve expected fields. Leaf will automatically
115-
compute per-patient summary statistics and append columns to the Patient List.`}
115+
compute per-participant summary statistics and append columns to the Participant List.`}
116116
/>
117117
</div>
118118
}
@@ -123,7 +123,7 @@ export class DatasetEditor extends React.PureComponent<Props,State> {
123123
data.datasets.demographicsDataset.unsaved &&
124124
!currentDataset &&
125125
<div className={`${c}-start`}>
126-
<p>It looks like you haven't created a Basic Demographics query to populate the Visualize and Patient List screens.</p>
126+
<p>It looks like you haven't created a Basic Demographics query to populate the Visualize and Participant List screens.</p>
127127
<p>
128128
<span className='link-span' onClick={this.handleInitialBasicDemographicsSetupClick}>
129129
Click here to start creating a SQL query to return demographics data.

‎src/ui-client/src/components/Admin/GlobalPanelFilterEditor/GlobalPanelFilterEditor.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,7 +62,7 @@ export class GlobalPanelFilterEditor extends React.PureComponent<Props,State> {
6262
<WhatsThis
6363
question={'What is a Global Panel Filter?'}
6464
body={`Global Panel Filters are additional logic that are added to users' queries which users have no control over, and can be
65-
applied to users logged in for QI, Research, or in all cases. Global Panel Filters are typically used to exclude patients
65+
applied to users logged in for QI, Research, or in all cases. Global Panel Filters are typically used to exclude participants
6666
who have not consented to having their data used for research (for users in Research mode), or excluding VIPs, etc.`}
6767
/>
6868
</div>

‎src/ui-client/src/components/Admin/GlobalPanelFilterEditor/GlobalPanelFilterRow/GlobalPanelFilterRow.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,7 +73,7 @@ export class GlobalPanelFilterRow extends React.PureComponent<Props> {
7373
</Container>
7474
<p className={`${c}-subtext`}>
7575
If 'true', the global panel filter will be used as part of the inclusion criteria for the query. If 'false', any
76-
patients found will be excluded instead.
76+
participants found will be excluded instead.
7777
</p>
7878
</Col>
7979
</Row>

‎src/ui-client/src/components/Admin/NetworkAndIdentityEditor/Sections/Identity.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ export class Identity extends React.PureComponent<Props> {
5656
<Col md={6}>
5757
<Input
5858
changeHandler={changeHandler} propName={'totalPatients'} value={identity.totalPatients}
59-
label='Total Patients' subLabel='Approximate number of total patients' type='number'
59+
label='Total Participants' subLabel='Approximate number of total participants' type='number'
6060
/>
6161
<Input
6262
changeHandler={changeHandler} propName={'primaryColor'} value={identity.primaryColor} forceValidation={forceValidation}

‎src/ui-client/src/components/Admin/PanelFilterEditor/PanelFilterRow/PanelFilterRow.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -126,7 +126,7 @@ class PanelFilterRow extends React.PureComponent<Props> {
126126
</Container>
127127
<p className={`${c}-subtext`}>
128128
If 'true', the panel filter concept will be used as part of the inclusion criteria for the query. If 'false', any
129-
patients found will be excluded instead.
129+
participants found will be excluded instead.
130130
</p>
131131
</Col>
132132
</Row>

‎src/ui-client/src/components/CohortCountBox/CohortSql.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -78,7 +78,7 @@ export default class CohortSql extends React.PureComponent<Props, State> {
7878
<span className={`${c}-sql-count`}>
7979
<span> - </span>
8080
<strong>{d.countResults.value.toLocaleString()}</strong>
81-
<span> patients</span>
81+
<span> participants</span>
8282
</span>
8383
<span className={`${c}-sql-close`} onClick={toggle}>✖</span>
8484
</div>

‎src/ui-client/src/components/DataImport/REDCap/Sections/ApiTokenEntryForm.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,8 +25,8 @@ export default class ApiTokenEntryForm extends React.PureComponent<Props> {
2525
return (
2626
<REDCapImportSection>
2727
<p>
28-
The Leaf REDCap Project Import tool allows you to copy project data directly from REDCap into Leaf, linking patients in REDCap
29-
to the same patients available in Leaf. Start by entering your REDCap Project API Token.
28+
The Leaf REDCap Project Import tool allows you to copy project data directly from REDCap into Leaf, linking participants in REDCap
29+
to the same participants available in Leaf. Start by entering your REDCap Project API Token.
3030
</p>
3131
<p>
3232
<strong>Your REDCap data will only be visible to you and other users already able to access the Project.</strong>

‎src/ui-client/src/components/DataImport/REDCap/Sections/MrnFieldEntryForm.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -30,8 +30,8 @@ export default class MrnFieldEntryForm extends React.PureComponent<Props> {
3030
Great! Leaf successfully found your REDCap project.
3131
</p>
3232
<p>
33-
<strong>Next, select the REDCap field which represents patient identifiers (e.g., an MRN). </strong>
34-
<strong>Leaf will use these values to link patients in the clinical database to your REDCap patients.</strong>
33+
<strong>Next, select the REDCap field which represents participant identifiers (e.g., an MRN). </strong>
34+
<strong>Leaf will use these values to link participants in the clinical database to your REDCap participants.</strong>
3535
</p>
3636
<MrnFieldSearchBox
3737
redCap={redCap}

‎src/ui-client/src/components/FindPatients/ConceptTree/LearnMoreButton.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -125,7 +125,7 @@ export default class LearnMoreButton extends React.PureComponent<Props,State> {
125125
interval={0}
126126
axisLine={false}
127127
tickLine={false}
128-
label={{ value: 'Unique patients by Year', position: 'bottom', className:`${c}-axis-label` }}/>
128+
label={{ value: 'Unique participants by Year', position: 'bottom', className:`${c}-axis-label` }}/>
129129
<Bar
130130
barSize={28}
131131
dataKey="patientCount"

‎src/ui-client/src/components/Header/NetworkHealthResponder/NetworkHealthResponder.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -75,9 +75,9 @@ export default class NetworkHealthResponder extends React.PureComponent<Props> {
7575

7676
private formatPatientCount = (totalPatients?: number): string => {
7777
if (!totalPatients) return '';
78-
if (totalPatients < 1000) { return `${totalPatients} patients`; }
79-
if (totalPatients < 10000) { return `${formatSmallNumber(totalPatients)} patients`; }
80-
return `${formatLargeNumber(totalPatients)} patients`;
78+
if (totalPatients < 1000) { return `${totalPatients} participants`; }
79+
if (totalPatients < 10000) { return `${formatSmallNumber(totalPatients)} participants`; }
80+
return `${formatLargeNumber(totalPatients)} participants`;
8181
}
8282

8383
private handleClick = () => {

‎src/ui-client/src/components/Other/CohortTooLargeBox/CohortTooLargeBox.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@ export default class CohortTooLargeBox extends React.PureComponent<Props> {
2121
return (
2222
<div className={className}>
2323
<p>
24-
Whoops! Leaf can't show visualizations or patient lists for a cohort this large.
25-
Your Leaf administrator has only configured Leaf to display up to <span>{formatSmallNumber(cacheLimit)}</span> patients.
24+
Whoops! Leaf can't show visualizations or participant lists for a cohort this large.
25+
Your Leaf administrator has only configured Leaf to display up to <span>{formatSmallNumber(cacheLimit)}</span> participants.
2626
</p>
2727
</div>
2828
);

‎src/ui-client/src/components/PatientList/DatasetColumnSelector.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -127,14 +127,14 @@ export default class DatasetColumnSelector extends React.PureComponent<Props, St
127127
if (type === PatientListDatasetSummaryType.Quantitative) {
128128
return (
129129
<p>This is a <span className={c}>numeric</span> dataset, and the columns here represent statistical summaries.
130-
To drill down to actual raw data values, click on a patient in the patient list.
130+
To drill down to actual raw data values, click on a participant in the participant list.
131131
</p>
132132
);
133133
}
134134
else {
135135
return (
136136
<p>This is a <span className={c}>non-numeric</span> dataset, and the columns here show a count of the total rows of data and
137-
the earliest and most recent values. To drill down to actual raw data values, click on a patient in the patient list.
137+
the earliest and most recent values. To drill down to actual raw data values, click on a participant in the participant list.
138138
</p>
139139
);
140140
}

‎src/ui-client/src/components/PatientList/ExportDataModal/REDCap/REDCapExport.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -59,8 +59,8 @@ export default class REDCapExport extends React.PureComponent<Props,State> {
5959
{!isExporting &&
6060
<div className={`${c}-description`}>
6161
<p>
62-
The REDCap Project Creation tool allows you to create a brand-new REDCap Project based on the data in your Patient List.
63-
Leaf will export all of your datasets and patient data, and only you will have access to the new Project.
62+
The REDCap Project Creation tool allows you to create a brand-new REDCap Project based on the data in your Participant List.
63+
Leaf will export all of your datasets and participant data, and only you will have access to the new Project.
6464
</p>
6565
<p>
6666
Your project will export to <a href={redcapInstanceUrl} target="_blank" rel='noopener noreferrer'>{redcapInstanceUrl}</a>

‎src/ui-client/src/components/PatientList/RowCount.tsx

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@ export const RowCount = (props: Props) => {
2929
<span className={`${c}-rowcount`}>{formatSmallNumber(totalPatients)}
3030
{!isIdentified &&
3131
<span> de-identified</span>}
32-
<span> patients</span>
32+
<span> participants</span>
3333
</span>
3434
<span> with </span>
3535
<span className={`${c}-rowcount`}>{formatSmallNumber(totalPatients + totalDatapoints)} rows</span>
@@ -38,29 +38,29 @@ export const RowCount = (props: Props) => {
3838
{/* Total Displayed Patients less than Total in Cohort */}
3939
{totalPatients !== totalCohortPatients &&
4040
<div className={`${c}-info`}>
41-
<div className={`${c}-info-inner`}>Why can't I see data for all {formatSmallNumber(totalCohortPatients)} patients?
41+
<div className={`${c}-info-inner`}>Why can't I see data for all {formatSmallNumber(totalCohortPatients)} participants?
4242

4343
{/* Single Node - export limit */}
4444
{!isFederated && totalCohortPatients > exportLimit &&
4545
<div className={`${c}-info-detail`}>
4646
<span>Your administrator has limited viewing and exporting to </span>
47-
<span className={`${c}-info-emphasis`}>{formatSmallNumber(exportLimit)} patients at a time</span>
47+
<span className={`${c}-info-emphasis`}>{formatSmallNumber(exportLimit)} participants at a time</span>
4848
<span>, which is less than the total number in your cohort.</span>
4949
</div>
5050
}
5151

5252
{/* Single Node - missing patients */}
5353
{!isFederated && totalPatients < totalCohortPatients && totalCohortPatients < exportLimit &&
5454
<div className={`${c}-info-detail`}>
55-
<span>The Leaf server returned demographic data for less patients than were included in the original cohort. </span>
56-
<span>This usually indicates that demographic data are missing for these patients.</span>
55+
<span>The Leaf server returned demographic data for less participants than were included in the original cohort. </span>
56+
<span>This usually indicates that demographic data are missing for these participants.</span>
5757
</div>
5858
}
5959

6060
{/* Federated */}
6161
{isFederated &&
6262
<div className={`${c}-info-detail`}>
63-
<span>One or more of the Leaf servers you are querying may be limiting the total amount of patients you are able to view.</span>
63+
<span>One or more of the Leaf servers you are querying may be limiting the total amount of participants you are able to view.</span>
6464
</div>
6565
}
6666
</div>
@@ -77,8 +77,8 @@ export const RowCount = (props: Props) => {
7777
This means that all dates have been randomly shifted a certain amount of time, and identifiers such as MRNs and names have been removed.
7878
</p>
7979
<p>
80-
Note: While the amount of time shifted is different between patients, the
81-
<span className={`${c}-info-emphasis`}> date-shift value for a given patient is consistent</span>
80+
Note: While the amount of time shifted is different between participants, the
81+
<span className={`${c}-info-emphasis`}> date-shift value for a given participant is consistent</span>
8282
, so the relative age at an event is preserved.
8383
</p>
8484
</div>

‎src/ui-client/src/components/Timelines/AggregateTimelineChart.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -151,7 +151,7 @@ export default class AggregateTimelineChart extends React.Component<Props, State
151151
<div className={c}>
152152
<span className={`${c}-count`}>{count.toLocaleString()}</span>
153153
<span className={`${c}-denom`}>/{denom.toLocaleString()}</span>
154-
<span> patients </span>
154+
<span> participants </span>
155155
<span className={`${c}-subtext`}>(</span>
156156
<span className={`${c}-percent`}>{pct}%</span>
157157
<span className={`${c}-subtext`}>)</span>

‎src/ui-client/src/components/Timelines/TimelinesChartTitle.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -58,10 +58,10 @@ export default class TimelinesChartTitle extends React.Component<Props> {
5858

5959
{/* (limited to n patients) */}
6060
{patientCount > exportLimit &&
61-
<div className={`${emphClass} ${c}-cohort-limit`}>(limited to {exportLimit} patients)
61+
<div className={`${emphClass} ${c}-cohort-limit`}>(limited to {exportLimit} participants)
6262
<div className={`${c}-cohort-limit-info`}>
63-
<span>Your administrator has limited exports of patient data to</span>
64-
<span className={emphClass}>{exportLimit} patients.</span>
63+
<span>Your administrator has limited exports of participant data to</span>
64+
<span className={emphClass}>{exportLimit} participants.</span>
6565
<br></br>
6666
<span>Leaf extracted a</span>
6767
<span className={emphClass}>simple random sample</span>

‎src/ui-client/src/components/Visualize/AggregateDemographics.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -75,7 +75,7 @@ export default class AggregateDemographics extends React.PureComponent<Props> {
7575
<Col md={12} className="visualization-nih">
7676
<SectionHeader
7777
headerText="NIH Race, Ethnicity, and Gender"
78-
subText="Excludes patients missing gender or ethnicity information"
78+
subText="Excludes participants missing gender or ethnicity information"
7979
/>
8080
</Col>
8181
<Col lg={{ size: 8, order: 2, offset: 2 }} md={12}>

‎src/ui-client/src/containers/Attestation/Attestation.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -149,7 +149,7 @@ class Attestation extends React.PureComponent<Props, State> {
149149

150150
{/* Top logo row (Leaf, ITHS, CD2H) */}
151151
<div className={`${c}-leaf-logo-wrapper`}>
152-
<img alt='leaf-logo' className={`${c}-leaf-logo`} src={process.env.PUBLIC_URL + '/images/logos/apps/leaf.svg'} />
152+
<img alt='leaf-logo' className={`${c}-leaf-logo`} src={process.env.PUBLIC_URL + '/images/logos/apps/leaf.png'} />
153153
<div className={`${c}-title`}>
154154
leaf
155155
<span className={`${c}-leaf-version`}>v{pkg.version}</span>

‎src/ui-client/src/containers/ContactModal/ContactModal.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -96,8 +96,8 @@ export default class ContactModal extends React.PureComponent<Props,State> {
9696
type="textarea"
9797
onChange={this.handleQuestionChange}
9898
placeholder={
99-
"- How many patients have visited the emergency room and had a diagnosis of type 2 diabetes in the same visit?\n" +
100-
"- How many patients had medication orders for betapace and previously had an QT Interval over 500 in the past 12 months?\n" +
99+
"- How many participants have visited the emergency room and had a diagnosis of type 2 diabetes in the same visit?\n" +
100+
"- How many participants had medication orders for betapace and previously had an QT Interval over 500 in the past 12 months?\n" +
101101
"- How many have had a creatinine test greater than 1.2 in the past 30 days, and what were their previous diagnoses?"
102102
}
103103
spellCheck={false}

0 commit comments

Comments
 (0)