diff --git a/.env b/.env index 1362a1cf450..fcabed6db34 100644 --- a/.env +++ b/.env @@ -6,8 +6,6 @@ REACT_APP_COVER_IMAGE=https://cdn.coronasafe.network/care_logo.svg REACT_APP_COVER_IMAGE_ALT=https://cdn.coronasafe.network/care_logo.svg REACT_APP_CONFIG="" REACT_PUBLIC_URL="https://care.coronasafe.in" -REACT_APP_SITE_URL=care.coronasafe.in -REACT_APP_ANALYTICS_SERVER_URL=https://plausible.10bedicu.in # Dev envs ESLINT_NO_DEV_ERRORS=true diff --git a/index.html b/index.html index 58628e34dd3..9e55883f205 100644 --- a/index.html +++ b/index.html @@ -43,10 +43,12 @@ src="https://kit.fontawesome.com/d69454c2e7.js" crossorigin="anonymous" > - + diff --git a/public/config.json b/public/config.json index 24d861a8013..b49199a3857 100644 --- a/public/config.json +++ b/public/config.json @@ -2,6 +2,8 @@ "dashboard_url": "https://dashboard.coronasafe.in", "github_url": "https://github.com/coronasafe", "coronasafe_url": "https://coronasafe.network?ref=care", + "site_url": "care.coronasafe.in", + "analytics_server_url": "https://plausible.10bedicu.in", "static_header_logo": "https://cdn.coronasafe.network/header_logo.png", "static_light_logo": "https://cdn.coronasafe.network/light-logo.svg", "static_black_logo": "https://cdn.coronasafe.network/black-logo.svg", diff --git a/src/App.tsx b/src/App.tsx index c1cd6992db7..9d5ab453e08 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -10,6 +10,7 @@ import { HistoryAPIProvider } from "./CAREUI/misc/HistoryAPIProvider"; import * as Sentry from "@sentry/browser"; import { IConfig } from "./Common/hooks/useConfig"; import { LocalStorageKeys } from "./Common/constants"; +import Plausible from "./Components/Common/Plausible"; const Loading = loadable(() => import("./Components/Common/Loading")); @@ -90,15 +91,12 @@ const App: React.FC = () => { return ; } - if (currentUser?.data) { - return ( - - - - ); - } else { - return ; - } + return ( + + {currentUser?.data ? : } + + + ); }; export default App; diff --git a/src/Common/hooks/useConfig.ts b/src/Common/hooks/useConfig.ts index eb168c7c4f5..a2ba010909c 100644 --- a/src/Common/hooks/useConfig.ts +++ b/src/Common/hooks/useConfig.ts @@ -5,6 +5,8 @@ export interface IConfig { github_url: string; coronasafe_url: string; dpg_url: string; + site_url: string; + analytics_server_url: string; static_header_logo: string; static_light_logo: string; static_black_logo: string; diff --git a/src/Components/Common/Plausible.tsx b/src/Components/Common/Plausible.tsx new file mode 100644 index 00000000000..38204a11863 --- /dev/null +++ b/src/Components/Common/Plausible.tsx @@ -0,0 +1,47 @@ +import { useLocationChange } from "raviger"; +import useConfig from "../../Common/hooks/useConfig"; +import Script from "./Script"; +import { useEffect } from "react"; + +export default function Plausible() { + const { site_url, analytics_server_url } = useConfig(); + + useLocationChange(() => triggerPageView()); + useEffect(() => triggerPageView(), []); + + return ( +