46 lines
1.2 KiB
TypeScript
46 lines
1.2 KiB
TypeScript
import AlertInfoBlock from '@/components/alert-info/block';
|
|
import { ExclamationCircleFilled } from '@ant-design/icons';
|
|
import { useIntl } from '@umijs/max';
|
|
import { useAddWorkerContext } from './add-worker-context';
|
|
import { NotesWrapper } from './constainers';
|
|
|
|
const VendorNotes = () => {
|
|
const intl = useIntl();
|
|
const { summary } = useAddWorkerContext();
|
|
const workerCommand =
|
|
summary.get('workerCommand') ||
|
|
({
|
|
label: 'N/A',
|
|
notes: []
|
|
} as { label: string; notes: string[] });
|
|
|
|
return (
|
|
<AlertInfoBlock
|
|
maxHeight={200}
|
|
title={`Notes for ${workerCommand.label} Device`}
|
|
style={{ marginBottom: 8 }}
|
|
type="warning"
|
|
contentStyle={{
|
|
paddingLeft: 16
|
|
}}
|
|
icon={<ExclamationCircleFilled />}
|
|
message={
|
|
workerCommand.notes?.length > 0 ? (
|
|
<NotesWrapper>
|
|
{workerCommand.notes.map((note: string, index: number) => (
|
|
<li
|
|
key={index}
|
|
dangerouslySetInnerHTML={{
|
|
__html: intl.formatMessage({ id: note })
|
|
}}
|
|
></li>
|
|
))}
|
|
</NotesWrapper>
|
|
) : null
|
|
}
|
|
></AlertInfoBlock>
|
|
);
|
|
};
|
|
|
|
export default VendorNotes;
|