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 });