APPTRACK-1772,1773,1775 Text changes

Author: chakladarj-nih

src/containers/Application/TriageWidget/TriageWidget.css

@@ -39,3 +39,7 @@
 .TriageWidgetSteps .ant-steps-dot.ant-steps-small .ant-steps-item-tail {
 	margin-left: 55px;
 }
+
+.Notice {
+	font-size: 12px;
+}

src/containers/Application/TriageWidget/TriageWidget.js

@@ -2,11 +2,15 @@ import InfoCard from '../../../components/UI/InfoCard/InfoCard';
 import InfoCardRow from '../../../components/UI/InfoCard/InfoCardRow/InfoCardRow';
 import LabelValuePair from '../../../components/UI/LabelValuePair/LabelValuePair';
 import './TriageWidget.css';
-import { Radio, Input, Button } from 'antd';
+import { Radio, Input, Button, Typography } from 'antd';
+import { WarningOutlined } from '@ant-design/icons';
+
 const { TextArea } = Input;
+const { Text } = Typography;
 
-const triageWidget = (props) => (
-	<div style={props.style}>
+const triageWidget = (props) => {
+	const isHRSpecialist = true;
+	return (<div style={props.style}>
 		<InfoCard
 			title={props.title}
 			className='TriageWidgetContainer'
@@ -55,6 +59,12 @@ const triageWidget = (props) => (
 					/>
 				)}
 			</InfoCardRow>
+			{isHRSpecialist ? (
+				<InfoCardRow
+					style={{ display: 'flex', justifyContent: 'space-between' }}
+				>
+					<div className='Notice'> <WarningOutlined /> Please email the Vacancy Manager and/or Executive Secretary informing them that HR Specialist triage is complete.  </div>
+				</InfoCardRow>) : null}
 			{!props.readOnly ? (
 				<InfoCardRow
 					style={{ display: 'flex', justifyContent: 'space-between' }}
@@ -66,7 +76,7 @@ const triageWidget = (props) => (
 				</InfoCardRow>
 			) : null}
 		</InfoCard>
-	</div>
-);
+	</div>)
+};
 
 export default triageWidget;

src/containers/CreateVacancy/Forms/BasicInfo/BasicInfo.js

@@ -177,6 +177,8 @@ const basicInformation = (props) => {
 		{ label: 'N/A', value: 'N/A' },
 	];
 
+	const hrSpecialistTooltip = 'Checking this box allows HR Specialist(s) assigned to this vacancy to perform vacancy manager triage.';
+
 	useEffect(() => {
 		setIsLoading(true);
 		(async () => {
@@ -300,7 +302,7 @@ const basicInformation = (props) => {
 							<Checkbox>Utilizing a Set Close Date</Checkbox>
 						</Form.Item>
 					</Tooltip>
-					<Tooltip title='Checking this box allows HR Specialist(s) assigned to this vacancy to perform vacancy manager triage'>
+					<Tooltip title={user.isManager ? `${hrSpecialistTooltip} Please email the HR Specialist informing them to complete the vacancy triage.`: hrSpecialistTooltip}>
 						<Form.Item
 							name='allowHrSpecialistTriage'
 							valuePropName='checked'

src/containers/Home/Home.js

@@ -99,7 +99,7 @@ const home = () => {
 					pagination={{ hideOnSinglePage: true }}
 					locale={{
 						emptyText:
-							'There are currently no open vacancies.  Please check back later.',
+							'There are currently no open vacancies.',
 					}}
 					loading={isLoading}
 				/>