3pp-mirror/rallly
1
0
Fork 0
mirror of https://github.com/lukevella/rallly.git synced 2025-06-01 02:01:48 +02:00
Code Issues Projects Releases Packages Wiki Activity

Switch to hook for crisp chat (#418)

Browse source
This commit is contained in:
Luke Vella 2023-01-20 15:37:43 +00:00 • committed by GitHub
parent 9deb45bd33
commit 8c16966907
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 4 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/components/crisp-chat.tsx
View file

@ -28,7 +28,7 @@ export const ChatButton: React.VoidFunctionComponent<{ text?: string }> = ({
); );
}; };
const CrispChat: React.VoidFunctionComponent = () => { export const useCrispChat = () => {
React.useEffect(() => { React.useEffect(() => {
if (!crispWebsiteId) { if (!crispWebsiteId) {
return; return;
@ -44,8 +44,4 @@ const CrispChat: React.VoidFunctionComponent = () => {
window.$crisp.push(["safe", true]); // disable warning about other event listeners window.$crisp.push(["safe", true]); // disable warning about other event listeners
})(); })();
}); });
return null;
}; };
export default CrispChat;

9
src/pages/_app.tsx
View file

@ -4,7 +4,6 @@ import "~/style.css";
import { NextPage } from "next"; import { NextPage } from "next";
import { AppProps } from "next/app"; import { AppProps } from "next/app";
import dynamic from "next/dynamic";
import Head from "next/head"; import Head from "next/head";
import { appWithTranslation } from "next-i18next"; import { appWithTranslation } from "next-i18next";
import PlausibleProvider from "next-plausible"; import PlausibleProvider from "next-plausible";
@ -13,14 +12,13 @@ import { Toaster } from "react-hot-toast";
import Maintenance from "@/components/maintenance"; import Maintenance from "@/components/maintenance";
import { useCrispChat } from "../components/crisp-chat";
import { absoluteUrl } from "../utils/absolute-url"; import { absoluteUrl } from "../utils/absolute-url";
import { trpcNext } from "../utils/trpc"; import { trpcNext } from "../utils/trpc";
const CrispChat = dynamic(() => import("@/components/crisp-chat"), {
ssr: false,
});
const MyApp: NextPage<AppProps> = ({ Component, pageProps }) => { const MyApp: NextPage<AppProps> = ({ Component, pageProps }) => {
useCrispChat();
if (process.env.NEXT_PUBLIC_MAINTENANCE_MODE === "1") { if (process.env.NEXT_PUBLIC_MAINTENANCE_MODE === "1") {
return <Maintenance />; return <Maintenance />;
} }
@ -57,7 +55,6 @@ const MyApp: NextPage<AppProps> = ({ Component, pageProps }) => {
content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
/> />
</Head> </Head>
<CrispChat />
<Toaster /> <Toaster />
<Component {...pageProps} /> <Component {...pageProps} />
</PlausibleProvider> </PlausibleProvider>