diff --git a/client/src/App/registerServiceWorker.component.jsx b/client/src/App/registerServiceWorker.component.jsx
deleted file mode 100644
index e2909bb00..000000000
--- a/client/src/App/registerServiceWorker.component.jsx
+++ /dev/null
@@ -1,41 +0,0 @@
-import { AlertOutlined } from "@ant-design/icons";
-import { Button, notification } from "antd";
-import i18n from "i18next";
-import React from "react";
-import * as serviceWorker from "../serviceWorker";
-
-const onServiceWorkerUpdate = (registration) => {
- console.log("onServiceWorkerUpdate", registration);
-
- const key = `open${Date.now()}`;
- const btn = (
-
- );
- notification.open({
- icon: ,
- message: i18n.t("general.messages.newversiontitle"),
- description: i18n.t("general.messages.newversionmessage"),
- duration: 0,
- btn,
- key,
- });
-};
-
-// if (process.env.NODE_ENV === "production") {
-// console.log("SWR Registering SW...");
-serviceWorker.register({ onUpdate: onServiceWorkerUpdate });
-// }
diff --git a/client/src/components/fcm-notification/fcm-notification.component.jsx b/client/src/components/fcm-notification/fcm-notification.component.jsx
index 89e7cf272..c278c22bb 100644
--- a/client/src/components/fcm-notification/fcm-notification.component.jsx
+++ b/client/src/components/fcm-notification/fcm-notification.component.jsx
@@ -1,9 +1,8 @@
-import React, { Component } from "react";
import { withApollo } from "@apollo/client/react/hoc";
+import React, { Component } from "react";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { logImEXEvent, messaging } from "../../firebase/firebase.utils";
-import { UPDATE_FCM_TOKEN } from "../../graphql/user.queries";
import { selectCurrentUser } from "../../redux/user/user.selectors";
const mapStateToProps = createStructuredSelector({
@@ -15,17 +14,17 @@ const mapDispatchToProps = (dispatch) => ({
class FcmNotificationComponent extends Component {
async componentDidMount() {
- const { client, currentUser } = this.props;
+ //const { client, currentUser } = this.props;
if (!!!messaging) return; //Skip all of the notification functionality if the firebase SDK could not start.
messaging
.requestPermission()
.then(async function () {
- const token = await messaging.getToken();
- client.mutate({
- mutation: UPDATE_FCM_TOKEN,
- variables: { authEmail: currentUser.email, token: { [token]: true } },
- });
+ // const token = await messaging.getToken();
+ // client.mutate({
+ // mutation: UPDATE_FCM_TOKEN,
+ // variables: { authEmail: currentUser.email, token: { [token]: true } },
+ // });
})
.catch(function (err) {
console.log("Unable to get permission to notify.", err);
@@ -44,19 +43,19 @@ export default connect(
)(withApollo(FcmNotificationComponent));
//Firebase Service Worker Register
-if ("serviceWorker" in navigator) {
- navigator.serviceWorker
- .register("/firebase-messaging-sw.js")
- .then(function (registration) {
- console.log(
- "[FCM] Registration successful, scope is:",
- registration.scope
- );
- navigator.serviceWorker.addEventListener("message", (event) => {
- console.log("Handler for Navigator Service Worker.", event);
- });
- })
- .catch(function (err) {
- console.log("[FCM] Service worker registration failed, error:", err);
- });
-}
+// if ("serviceWorker" in navigator) {
+// navigator.serviceWorker
+// .register("/firebase-messaging-sw.js")
+// .then(function (registration) {
+// console.log(
+// "[FCM] Registration successful, scope is:",
+// registration.scope
+// );
+// navigator.serviceWorker.addEventListener("message", (event) => {
+// console.log("Handler for Navigator Service Worker.", event);
+// });
+// })
+// .catch(function (err) {
+// console.log("[FCM] Service worker registration failed, error:", err);
+// });
+// }
diff --git a/client/src/index.js b/client/src/index.js
index 112d08d40..3617759c4 100644
--- a/client/src/index.js
+++ b/client/src/index.js
@@ -1,15 +1,17 @@
+import { AlertOutlined } from "@ant-design/icons";
+import { Button, notification } from "antd";
import Dinero from "dinero.js";
+import i18n from "i18next";
import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { BrowserRouter } from "react-router-dom";
import { PersistGate } from "redux-persist/integration/react";
import AppContainer from "./App/App.container";
-import "./App/registerServiceWorker.component";
import LoadingSpinner from "./components/loading-spinner/loading-spinner.component";
import "./index.css";
import { persistor, store } from "./redux/store";
-//import * as serviceWorker from "./serviceWorker"; //This is registered in a separate component to track notifications.
+import * as serviceWorker from "./serviceWorker";
import "./translations/i18n";
import "./utils/CleanAxios";
@@ -33,4 +35,35 @@ ReactDOM.render(
document.getElementById("root")
);
-//serviceWorker.register();
+const onServiceWorkerUpdate = (registration) => {
+ console.log("onServiceWorkerUpdate", registration);
+
+ const key = `open${Date.now()}`;
+ const btn = (
+
+ );
+ notification.open({
+ icon: ,
+ message: i18n.t("general.messages.newversiontitle"),
+ description: i18n.t("general.messages.newversionmessage"),
+ duration: 0,
+ btn,
+ key,
+ });
+};
+
+serviceWorker.register({ onUpdate: onServiceWorkerUpdate });