From d71170696857bd57ffb34f5df2bb7e97c8a96386 Mon Sep 17 00:00:00 2001
From: bogdan_scher <bsc@piogroup.com>
Date: Thu, 20 Dec 2018 15:13:45 +0200
Subject: [PATCH 1/7] cache-control

---
 src/index.html | 1 +
 1 file changed, 1 insertion(+)
diff --git a/src/index.html b/src/index.html
index 9081c839..ab6cd048 100644
--- a/src/index.html
+++ b/src/index.html
@@ -22,6 +22,7 @@
 
     <title>PulseTile</title>
     <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
+    <meta http-equiv="cache-control" content="no-cache" />
 </head>
 <body>
 <script>

From e0d366777e7e84fe242b18150661c47bcc4224d8 Mon Sep 17 00:00:00 2001
From: bogdan_scher <bsc@piogroup.com>
Date: Thu, 20 Dec 2018 15:15:59 +0200
Subject: [PATCH 2/7] cache-control

---
 src/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index ab6cd048..737607b2 100644
--- a/src/index.html
+++ b/src/index.html
@@ -22,7 +22,7 @@
 
     <title>PulseTile</title>
     <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
-    <meta http-equiv="cache-control" content="no-cache" />
+    <meta http-equiv="cache-control" content="private" />
 </head>
 <body>
 <script>

From 8aa1e313cc1fb302dc022f4236d2fa7b8903c82d Mon Sep 17 00:00:00 2001
From: bogdan_scher <bsc@piogroup.com>
Date: Thu, 20 Dec 2018 15:17:59 +0200
Subject: [PATCH 3/7] cache-control

---
 src/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/index.html b/src/index.html
index 737607b2..a617d913 100644
--- a/src/index.html
+++ b/src/index.html
@@ -19,10 +19,10 @@
     <meta http-equiv="x-ua-compatible" content="IE=9">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="format-detection" content="telephone=no">
+    <meta http-equiv="cache-control" content="private" />
 
     <title>PulseTile</title>
     <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
-    <meta http-equiv="cache-control" content="private" />
 </head>
 <body>
 <script>

From 7626495a00b230af414ce9e2738dcd7902860dd4 Mon Sep 17 00:00:00 2001
From: Simon Gamester <simon@rootsol.co.uk>
Date: Wed, 9 Jan 2019 15:53:07 +0000
Subject: [PATCH 4/7] Accessibility

Display banner on split-screen detail pages for Allergies, Contacts, Diagnosis and Medications. Resolves accessibility issue with mising H1 tag on these screens.
---
 src/components/pages/Allergies/Allergies.js   | 13 +++----
 .../__snapshots__/Allergies.test.js.snap      | 36 +++++++++++++++++++
 src/components/pages/Contacts/Contacts.js     | 13 +++----
 .../__snapshots__/Contacts.test.js.snap       | 36 +++++++++++++++++++
 src/components/pages/Diagnosis/Diagnosis.js   | 13 +++----
 .../__snapshots__/Diagnosis.test.js.snap      | 36 +++++++++++++++++++
 .../pages/Medications/Medications.js          | 13 +++----
 .../__snapshots__/Medications.test.js.snap    | 36 +++++++++++++++++++
 8 files changed, 164 insertions(+), 32 deletions(-)

diff --git a/src/components/pages/Allergies/Allergies.js b/src/components/pages/Allergies/Allergies.js
index a5eba8ef..3303c7b0 100644
--- a/src/components/pages/Allergies/Allergies.js
+++ b/src/components/pages/Allergies/Allergies.js
@@ -323,14 +323,11 @@ export default class Allergies extends PureComponent {
     const hiddenButtons = get(themeConfigs, 'buttonsToHide.allergies', []);
 
     return (<section className="page-wrapper">
-      {!(isDetailPanelVisible || isCreatePanelVisible) ?
-        <PluginBanner
-          title='Allergies'
-          subTitle='Those things that your body reacts against , that you have an allergy to'
-          img={imageSource}
-        />
-        : null
-      }
+      <PluginBanner
+        title='Allergies'
+        subTitle='Those things that your body reacts against , that you have an allergy to'
+        img={imageSource}
+      />
       <div className={classNames('section', { 'full-panel full-panel-main': isPanelMain, 'full-panel full-panel-details': (isPanelDetails || isPanelCreate) })}>
         <Row>
           {(isPanelMain || expandedPanel === 'all') ? <Col xs={12} className={classNames({ 'col-panel-main': isSecondPanel })}>
diff --git a/src/components/pages/Allergies/__tests__/__snapshots__/Allergies.test.js.snap b/src/components/pages/Allergies/__tests__/__snapshots__/Allergies.test.js.snap
index 0043b151..bb7ee269 100644
--- a/src/components/pages/Allergies/__tests__/__snapshots__/Allergies.test.js.snap
+++ b/src/components/pages/Allergies/__tests__/__snapshots__/Allergies.test.js.snap
@@ -86,6 +86,12 @@ exports[`Component <Allergies /> should renders correctly and testing context an
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="Those things that your body reacts against , that you have an allergy to"
+    title="Allergies"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -280,6 +286,12 @@ exports[`Component <Allergies /> should renders correctly with allergiesDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="Those things that your body reacts against , that you have an allergy to"
+    title="Allergies"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -384,6 +396,12 @@ exports[`Component <Allergies /> should renders correctly with allergiesDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="Those things that your body reacts against , that you have an allergy to"
+    title="Allergies"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -488,6 +506,12 @@ exports[`Component <Allergies /> should renders correctly with allergiesDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="Those things that your body reacts against , that you have an allergy to"
+    title="Allergies"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -600,6 +624,12 @@ exports[`Component <Allergies /> should renders correctly with allergiesDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="Those things that your body reacts against , that you have an allergy to"
+    title="Allergies"
+    toRight={false}
+  />
   <div
     className="section full-panel full-panel-details"
   >
@@ -651,6 +681,12 @@ exports[`Component <Allergies /> should renders correctly with allergiesDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="Those things that your body reacts against , that you have an allergy to"
+    title="Allergies"
+    toRight={false}
+  />
   <div
     className="section"
   >
diff --git a/src/components/pages/Contacts/Contacts.js b/src/components/pages/Contacts/Contacts.js
index 6651adda..5ab31632 100644
--- a/src/components/pages/Contacts/Contacts.js
+++ b/src/components/pages/Contacts/Contacts.js
@@ -247,14 +247,11 @@ export default class Contacts extends PureComponent {
     }
 
     return (<section className="page-wrapper">
-      {!(isDetailPanelVisible || isCreatePanelVisible) ?
-        <PluginBanner
-          title="Contacts"
-          subTitle="The key people in your life, that you keep in contact with on a regular basis"
-          img={imageSource}
-        />
-        : null
-      }
+      <PluginBanner
+        title="Contacts"
+        subTitle="The key people in your life, that you keep in contact with on a regular basis"
+        img={imageSource}
+      />
       <div className={classNames('section', { 'full-panel full-panel-main': isPanelMain, 'full-panel full-panel-details': (isPanelDetails || isPanelCreate) })}>
         <Row>
           {(isPanelMain || expandedPanel === 'all') ? <Col xs={12} className={classNames({ 'col-panel-main': isSecondPanel })}>
diff --git a/src/components/pages/Contacts/__tests__/__snapshots__/Contacts.test.js.snap b/src/components/pages/Contacts/__tests__/__snapshots__/Contacts.test.js.snap
index 36ae51c9..02aa6e87 100644
--- a/src/components/pages/Contacts/__tests__/__snapshots__/Contacts.test.js.snap
+++ b/src/components/pages/Contacts/__tests__/__snapshots__/Contacts.test.js.snap
@@ -85,6 +85,12 @@ exports[`Component <Contacts /> should renders correctly and testing context and
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key people in your life, that you keep in contact with on a regular basis"
+    title="Contacts"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -197,6 +203,12 @@ exports[`Component <Contacts /> should renders correctly with contactsDetail and
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key people in your life, that you keep in contact with on a regular basis"
+    title="Contacts"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -299,6 +311,12 @@ exports[`Component <Contacts /> should renders correctly with contactsDetail and
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key people in your life, that you keep in contact with on a regular basis"
+    title="Contacts"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -401,6 +419,12 @@ exports[`Component <Contacts /> should renders correctly with diagnosisDetail an
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key people in your life, that you keep in contact with on a regular basis"
+    title="Contacts"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -513,6 +537,12 @@ exports[`Component <Contacts /> should renders correctly with diagnosisDetail an
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key people in your life, that you keep in contact with on a regular basis"
+    title="Contacts"
+    toRight={false}
+  />
   <div
     className="section full-panel full-panel-details"
   >
@@ -565,6 +595,12 @@ exports[`Component <Contacts /> should renders correctly with diagnosisDetail an
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key people in your life, that you keep in contact with on a regular basis"
+    title="Contacts"
+    toRight={false}
+  />
   <div
     className="section"
   >
diff --git a/src/components/pages/Diagnosis/Diagnosis.js b/src/components/pages/Diagnosis/Diagnosis.js
index 518e0406..692906e8 100644
--- a/src/components/pages/Diagnosis/Diagnosis.js
+++ b/src/components/pages/Diagnosis/Diagnosis.js
@@ -315,14 +315,11 @@ export default class ProblemsDiagnosis extends PureComponent {
     const hiddenButtons = get(themeConfigs, 'buttonsToHide.diagnoses', []);
 
     return (<section className="page-wrapper">
-      {!(isDetailPanelVisible || isCreatePanelVisible) ?
-        <PluginBanner
-          title={problemsTitle}
-          subTitle='The key problems that affect your health, some with clear diagnoses from your doctor'
-          img={imageSource}
-        />
-        : null
-      }
+      <PluginBanner
+        title={problemsTitle}
+        subTitle='The key problems that affect your health, some with clear diagnoses from your doctor'
+        img={imageSource}
+      />
       <div className={classNames('section', { 'full-panel full-panel-main': isPanelMain, 'full-panel full-panel-details': (isPanelDetails || isPanelCreate) })}>
         <Row>
           {(isPanelMain || expandedPanel === 'all') ? <Col xs={12} className={classNames({ 'col-panel-main': isSecondPanel })}>
diff --git a/src/components/pages/Diagnosis/__tests__/__snapshots__/Diagnosis.test.js.snap b/src/components/pages/Diagnosis/__tests__/__snapshots__/Diagnosis.test.js.snap
index 1efda822..798b47d8 100644
--- a/src/components/pages/Diagnosis/__tests__/__snapshots__/Diagnosis.test.js.snap
+++ b/src/components/pages/Diagnosis/__tests__/__snapshots__/Diagnosis.test.js.snap
@@ -87,6 +87,12 @@ exports[`Component <Diagnosis /> should renders correctly and testing context an
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key problems that affect your health, some with clear diagnoses from your doctor"
+    title="Problems / Diagnosis"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -281,6 +287,12 @@ exports[`Component <Diagnosis /> should renders correctly with diagnosesDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key problems that affect your health, some with clear diagnoses from your doctor"
+    title="Problems / Diagnosis"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -386,6 +398,12 @@ exports[`Component <Diagnosis /> should renders correctly with diagnosesDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key problems that affect your health, some with clear diagnoses from your doctor"
+    title="Problems / Diagnosis"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -491,6 +509,12 @@ exports[`Component <Diagnosis /> should renders correctly with diagnosisDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key problems that affect your health, some with clear diagnoses from your doctor"
+    title="Problems / Diagnosis"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -602,6 +626,12 @@ exports[`Component <Diagnosis /> should renders correctly with diagnosisDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key problems that affect your health, some with clear diagnoses from your doctor"
+    title="Problems / Diagnosis"
+    toRight={false}
+  />
   <div
     className="section full-panel full-panel-details"
   >
@@ -651,6 +681,12 @@ exports[`Component <Diagnosis /> should renders correctly with diagnosisDetail a
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The key problems that affect your health, some with clear diagnoses from your doctor"
+    title="Problems / Diagnosis"
+    toRight={false}
+  />
   <div
     className="section full-panel full-panel-details"
   >
diff --git a/src/components/pages/Medications/Medications.js b/src/components/pages/Medications/Medications.js
index b7311279..278bc8ae 100644
--- a/src/components/pages/Medications/Medications.js
+++ b/src/components/pages/Medications/Medications.js
@@ -356,14 +356,11 @@ export default class Medications extends PureComponent {
     const hiddenButtons = get(themeConfigs, 'buttonsToHide.medications', []);
 
     return (<section className="page-wrapper">
-      {!(isDetailPanelVisible || isCreatePanelVisible) ?
-        <PluginBanner
-          title='Medications'
-          subTitle='The medical tablets and other medications that you take regularly for your health care'
-          img={imageSource}
-        />
-        : null
-      }
+      <PluginBanner
+        title='Medications'
+        subTitle='The medical tablets and other medications that you take regularly for your health care'
+        img={imageSource}
+      />
       <div className={classNames('section', { 'full-panel full-panel-main': isPanelMain, 'full-panel full-panel-details': (isPanelDetails || isPanelCreate) })}>
         <Row>
           {(isPanelMain || expandedPanel === 'all') ? <Col xs={12} className={classNames({ 'col-panel-main': isSecondPanel })}>
diff --git a/src/components/pages/Medications/__tests__/__snapshots__/Medications.test.js.snap b/src/components/pages/Medications/__tests__/__snapshots__/Medications.test.js.snap
index bb85aace..c1f0911f 100644
--- a/src/components/pages/Medications/__tests__/__snapshots__/Medications.test.js.snap
+++ b/src/components/pages/Medications/__tests__/__snapshots__/Medications.test.js.snap
@@ -150,6 +150,12 @@ exports[`Component <Medications /> should renders correctly and testing context
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The medical tablets and other medications that you take regularly for your health care"
+    title="Medications"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -850,6 +856,12 @@ exports[`Component <Medications /> should renders correctly with medicationsDeta
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The medical tablets and other medications that you take regularly for your health care"
+    title="Medications"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -1018,6 +1030,12 @@ exports[`Component <Medications /> should renders correctly with medicationsDeta
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The medical tablets and other medications that you take regularly for your health care"
+    title="Medications"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -1186,6 +1204,12 @@ exports[`Component <Medications /> should renders correctly with medicationsDeta
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The medical tablets and other medications that you take regularly for your health care"
+    title="Medications"
+    toRight={false}
+  />
   <div
     className="section"
   >
@@ -1366,6 +1390,12 @@ exports[`Component <Medications /> should renders correctly with medicationsDeta
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The medical tablets and other medications that you take regularly for your health care"
+    title="Medications"
+    toRight={false}
+  />
   <div
     className="section full-panel full-panel-details"
   >
@@ -1421,6 +1451,12 @@ exports[`Component <Medications /> should renders correctly with medicationsDeta
 <section
   className="page-wrapper"
 >
+  <PluginBanner
+    img={null}
+    subTitle="The medical tablets and other medications that you take regularly for your health care"
+    title="Medications"
+    toRight={false}
+  />
   <div
     className="section"
   >

From e80ded612f3b4100124e11836598c429bb4ff744 Mon Sep 17 00:00:00 2001
From: Simon Gamester <simon@rootsol.co.uk>
Date: Mon, 14 Jan 2019 14:09:30 +0000
Subject: [PATCH 5/7] High Contrast Mode Cookies

High contrast mode state saved to cookies.
---
 src/components/containers/App/App.js            |  9 +++++++++
 .../containers/UserPanel/UserPanel.js           |  6 ++++--
 src/components/presentational/Footer/Footer.js  | 17 ++++++++++++++++-
 3 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/src/components/containers/App/App.js b/src/components/containers/App/App.js
index 44b2466d..66c2a37a 100644
--- a/src/components/containers/App/App.js
+++ b/src/components/containers/App/App.js
@@ -22,6 +22,15 @@ import { image } from './HeaderImage';
 import '../../../config/styles';
 
 export class App extends Component {
+
+  componentDidMount(){
+    // Has High Contrast Mode been enabled?
+    if (document.cookie.split(';').filter((item) => item.includes('enabledHighContrast=true')).length) {
+      let bodyTag = document.getElementsByTagName("body")[0];
+      bodyTag.classList.add("high-contrast");
+    }
+  }
+
   render() {
     const { requestError, patientsInfo } = this.props;
     const isTouchDevice = (this.props.isTouchDevice) ? 'touch-device' : ('ontouchstart' in window) ? 'touch-device' : 'is-not-touch-device';
diff --git a/src/components/containers/UserPanel/UserPanel.js b/src/components/containers/UserPanel/UserPanel.js
index 654dae98..5d610393 100644
--- a/src/components/containers/UserPanel/UserPanel.js
+++ b/src/components/containers/UserPanel/UserPanel.js
@@ -58,9 +58,11 @@ export default class UserPanel extends PureComponent {
 
     //TODO: Should we remember this in a cookie?
     if( bodyTag.classList.contains("high-contrast") ){
-      bodyTag.classList.remove("high-contrast")
+      bodyTag.classList.remove("high-contrast");
+      document.cookie = 'enabledHighContrast=false';
     } else {
-      bodyTag.classList.add("high-contrast")
+      bodyTag.classList.add("high-contrast");
+      document.cookie = 'enabledHighContrast=true';
     }
   };
 
diff --git a/src/components/presentational/Footer/Footer.js b/src/components/presentational/Footer/Footer.js
index b1fee855..c2adf622 100644
--- a/src/components/presentational/Footer/Footer.js
+++ b/src/components/presentational/Footer/Footer.js
@@ -19,17 +19,32 @@ export default class Footer extends PureComponent {
     //TODO: Should we remember this in a cookie?
     if( bodyTag.classList.contains("high-contrast") ){
       bodyTag.classList.remove("high-contrast");
+      document.cookie = 'enabledHighContrast=false';
       this.setState({
         enabledHighContrast: false
       });
     } else {
-      bodyTag.classList.add("high-contrast")
+      bodyTag.classList.add("high-contrast");
+      document.cookie = 'enabledHighContrast=true';
       this.setState({
         enabledHighContrast: true
       });
     }
   };
 
+  componentDidMount(){
+    // Has High Contrast Mode been enabled?
+    if (document.cookie.split(';').filter((item) => item.includes('enabledHighContrast=true')).length) {
+      this.setState({
+        enabledHighContrast: true
+      });
+    } else {
+      this.setState({
+        enabledHighContrast: false
+      });
+    }
+  }
+
   render() {
     const { copyright, isShowSupportedBy } = this.props;
     const imageLocation = '/images/ripple-foundation-logo-footer.png';

From ca5ba7f2163e7898ea0b8b7ee2a46b64ecc5a794 Mon Sep 17 00:00:00 2001
From: bogdan_scher <bsc@piogroup.com>
Date: Mon, 25 Feb 2019 13:51:17 +0200
Subject: [PATCH 6/7] user profile link

---
 src/components/containers/UserPanel/UserAccountPanel.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/containers/UserPanel/UserAccountPanel.js b/src/components/containers/UserPanel/UserAccountPanel.js
index ee82a9a5..0b5a894a 100644
--- a/src/components/containers/UserPanel/UserAccountPanel.js
+++ b/src/components/containers/UserPanel/UserAccountPanel.js
@@ -57,9 +57,11 @@ export default class UserAccountPanel extends PureComponent {
         <div className="user-profile-info">
           <div
             className="user-profile-info__item name"
-            onClick={() =>{
-              this.context.router.history.push(clientUrls.USER_PROFILE);
-              onClick('')
+            onClick={() => {
+                if (themeConfigs.isShowUserProfileSettings) {
+                    this.context.router.history.push(clientUrls.USER_PROFILE);
+                    onClick('');
+                }
             }}
           >{user.given_name} {user.family_name}</div>
           <div className="user-profile-info__descr">

From 0ba828e5f01df886fc438ddd22330bd62025917c Mon Sep 17 00:00:00 2001
From: bogdan_scher <bsc@piogroup.com>
Date: Mon, 25 Feb 2019 13:57:54 +0200
Subject: [PATCH 7/7] user profile link

---
 src/components/containers/UserPanel/UserAccountPanel.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/containers/UserPanel/UserAccountPanel.js b/src/components/containers/UserPanel/UserAccountPanel.js
index 0b5a894a..4e468fc8 100644
--- a/src/components/containers/UserPanel/UserAccountPanel.js
+++ b/src/components/containers/UserPanel/UserAccountPanel.js
@@ -58,7 +58,7 @@ export default class UserAccountPanel extends PureComponent {
           <div
             className="user-profile-info__item name"
             onClick={() => {
-                if (themeConfigs.isShowUserProfileSettings) {
+                if (themeConfigs.isShowUserAccountPage) {
                     this.context.router.history.push(clientUrls.USER_PROFILE);
                     onClick('');
                 }
