+
+
+ 
+
+
+ Sorry. We couldn't find the page you're looking for.
+
+ If you're still having problems, please contact admin@kpmp.org
+
+
+
+
+
+
+
+ );
+ }
+}
+
+export default NotFoundPage;
\ No newline at end of file
diff --git a/src/components/Slides/Menu/Header.js b/src/components/Slides/Menu/Header.js
index f703b40..8830336 100755
--- a/src/components/Slides/Menu/Header.js
+++ b/src/components/Slides/Menu/Header.js
@@ -10,10 +10,10 @@ import {
faCaretDown
} from '@fortawesome/free-solid-svg-icons';
import { Col, Row } from 'reactstrap';
-import ReactGA from 'react-ga';
import { getNextSlide, getPreviousSlide, downloadSlide } from '../slideHelpers.js';
import GridProperties from './GridProperties.js';
import PropTypes from 'prop-types';
+import { handleGoogleAnalyticsEvent } from '../../../helpers/googleAnalyticsHelper.js';
class Header extends Component {
constructor(props) {
@@ -43,11 +43,11 @@ class Header extends Component {
}
handleDownload() {
- ReactGA.event({
- category: 'Slide View',
- action: 'Download Slide',
- label: this.props.selectedParticipant.selectedSlide.slideName
- });
+
+ handleGoogleAnalyticsEvent('DPR', 'Download',
+ this.props.selectedParticipant.id
+ + this.props.selectedParticipant.selectedSlide.slideName);
+
let downloadFileName = this.props.selectedParticipant.selectedSlide.slideName + ".jpg";
downloadSlide(downloadFileName);
}
diff --git a/src/components/Summary/ParticipantSelect.js b/src/components/Summary/ParticipantSelect.js
index 6b937ea..d959aee 100644
--- a/src/components/Summary/ParticipantSelect.js
+++ b/src/components/Summary/ParticipantSelect.js
@@ -1,7 +1,7 @@
import React, { Component } from 'react';
import { Button } from 'reactstrap';
import ParticipantListDropDown from './ParticipantListDropDown';
-import ReactGA from 'react-ga';
+import ReactGA from 'react-ga4';
import PropTypes from 'prop-types';
class ParticipantSelect extends Component {
@@ -13,8 +13,8 @@ class ParticipantSelect extends Component {
handleParticipantSelect = (participantId) => {
ReactGA.event({
- category: 'Navigation',
- action: 'View Slides',
+ category: 'DPR',
+ action: 'Navigation',
label: participantId
});
this.setState({participantId});
diff --git a/src/helpers/googleAnalyticsHelper.js b/src/helpers/googleAnalyticsHelper.js
new file mode 100644
index 0000000..7e73743
--- /dev/null
+++ b/src/helpers/googleAnalyticsHelper.js
@@ -0,0 +1,9 @@
+import { default as ReactGA4 } from 'react-ga4';
+
+export const handleGoogleAnalyticsEvent = (category, action, label) => {
+ ReactGA4.event({
+ category: category,
+ action: action,
+ label: label
+ });
+}
\ No newline at end of file
diff --git a/src/index.scss b/src/index.scss
index 3355a58..7c0c13a 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -333,7 +333,33 @@ canvas {
height: 330px;
}
}
-
+#not-found-page {
+ padding: 20px;
+ background-color: $kpmp-gray;
+
+ .not-found-image {
+ max-width: 90%;
+ margin-top: 30px;
+ margin-right: 40px;
+ }
+
+ .not-found-container {
+ max-width: 60%;
+ margin: auto;
+ }
+
+ .not-found-text {
+ padding-top: 30px;
+
+ .not-found-regular {
+ font-size: 32px;
+ }
+
+ .not-found-small {
+ font-size: 24px;
+ }
+ }
+}
#permissions {
margin-top: 60px;
}