Notes

import React from 'react';
import BannerMessage from './BannerMessage';
import LimitUtilisation from './LimitUtilisation/LimitUtilisation';


const allowedJourneys = {
J1029: '/payment/paymentTransaction/cancelChqDelete/',
C0101: '/payment/paymentTransaction/cancelChqApprove/',
C020: '/payment',
J104: '/payment',
T1005: '/payment'
};
const divStyle = {
width: '400px',
height: '340px',
position: 'relative'
};
const divStyle1 = {};

/**
* close the top message - reset the state and close div if all messages are closed.
*/
const onCloseBanner = (bannerId) => {
console.log(`bannerID ${bannerId}`);
};


const msgDetails = {
bannerMsgDetails: [
{
bannerId: 'BROADCASTID1',
// content: 'attachmentIcon',

content: 'BROADCAST Msg 1 - Wholesale banking refers to banking services between ' +
'merchant banks and other financial institutions. This type of banking deals with ' +
'larger clients, such as large corporations and other banks, whereas retail banking ' +
'focuses more on the individual or small business. Wholesale banking services include ' +
'currency conversion, working capital financing, large trade transactions and other types of services.' +
'<br><a href="https://s2bssotest.standardchartered.com/s2b/global/corporate/content/p/support/BannerMessage.pdf" target="_blank" style="display: inline-flex;text-decoration: underline;font-family:sans-serif; cursor: pointer;color: #005c84;">' +
'<svg height="24" viewBox="0 0 24 24" width="24" style="display: inline-block;vertical-align: middle;width: 1em;height: 1em; stroke-width: 0; stroke: currentColor;fill: currentColor;font-size: 1.2em;color: #005c84;">' +
'<path d="M22.406 5.203c0 2.25-1.781 4.172-1.922 4.172l-8.813 9.609-1.125-1.266 8.953-9.609c.328-.328 2.719-2.906.328-5.438-.938-.984-2.063-1.313-3.188-.984-.938.656-1.781 1.453-2.25 1.781-.797.797-10.406 11.344-10.547 11.344 0 0-1.594 1.922-.328 3.516.469.656.984.984 1.453.984.938.141 1.922-.797 2.25-1.125.797-.984 7.031-8.016 7.031-8.016.141-.141.609-.797 0-1.453-.656-.609-1.125-.469-1.453-.141s-3.188 3.703-4.969 5.766L6.56 13.218c.469-.469 4.641-5.297 5.109-5.766.797-.797 2.25-1.125 3.516.188 1.453 1.406.797 3 .328 3.656 0 0-6.234 7.031-7.219 8.016-.281.328-1.594 1.734-3.328 1.734h-.188c-.609 0-1.594-.328-2.531-1.406-1.594-2.109-.469-4.641.328-5.625.609-.656 9.891-10.875 10.688-11.672.516-.469 1.453-1.453 2.719-1.922 1.125-.469 3.047-.656 4.828 1.266 1.125.984 1.594 2.25 1.594 3.516z"></path>' +
'</svg>' +
'BannerMessage.pdf' +
'</a>'

},
{
bannerId: 'BROADCASTID2',
content: 'BROADCAST Msg 2 - Wholesale SMALL TEXT TEST transactions and other types of services.'

}
]
};


const Landing = () => (
<div>
<h1> dashboard landing </h1>
<div style={divStyle1}>
<div style={divStyle}>
<LimitUtilisation allowedJourneys={allowedJourneys} />
</div>
</div>
<BannerMessage bannerMsgDetails={msgDetails} onCloseBanner={onCloseBanner} />

</div>
);
export default Landing;