3233c35836
* fix: board not found flicker on reloading public boards * fix: using netx-theme's ThemeProvider * chore: installing next-theme * fix: theme issue on landing page * fix: image theme hydration issue
104 lines
2.8 KiB
TypeScript
104 lines
2.8 KiB
TypeScript
import "~/styles/globals.css";
|
|
import "~/utils/i18n";
|
|
|
|
import type { NextPage, Viewport } from "next";
|
|
import type { AppProps, AppType } from "next/app";
|
|
import type { ReactElement, ReactNode } from "react";
|
|
import { Plus_Jakarta_Sans } from "next/font/google";
|
|
import Script from "next/script";
|
|
import { env } from "next-runtime-env";
|
|
import posthog from "posthog-js";
|
|
import { PostHogProvider } from "posthog-js/react";
|
|
import { useEffect } from "react";
|
|
|
|
import { LinguiProviderWrapper } from "~/providers/lingui";
|
|
import { ModalProvider } from "~/providers/modal";
|
|
import { PopupProvider } from "~/providers/popup";
|
|
import { ThemeProvider } from "next-themes";
|
|
import { api } from "~/utils/api";
|
|
|
|
const jakarta = Plus_Jakarta_Sans({
|
|
subsets: ["latin"],
|
|
display: "swap",
|
|
});
|
|
|
|
export const metadata = {
|
|
title: "Kan",
|
|
description: "The open source Trello alternative",
|
|
icons: [{ rel: "icon", url: "/favicon.ico" }],
|
|
};
|
|
|
|
export const viewport: Viewport = {
|
|
width: "device-width",
|
|
initialScale: 1,
|
|
maximumScale: 1,
|
|
userScalable: false,
|
|
};
|
|
|
|
export type NextPageWithLayout<P = {}, IP = P> = NextPage<P, IP> & {
|
|
getLayout?: (page: ReactElement) => ReactNode;
|
|
};
|
|
|
|
type AppPropsWithLayout = AppProps & {
|
|
Component: NextPageWithLayout;
|
|
};
|
|
|
|
const MyApp: AppType = ({ Component, pageProps }: AppPropsWithLayout) => {
|
|
const posthogKey = env("NEXT_PUBLIC_POSTHOG_KEY");
|
|
|
|
useEffect(() => {
|
|
if (posthogKey) {
|
|
posthog.init(posthogKey, {
|
|
api_host: env("NEXT_PUBLIC_POSTHOG_HOST"),
|
|
person_profiles: "identified_only",
|
|
defaults: "2025-05-24",
|
|
loaded: (posthog) => {
|
|
if (process.env.NODE_ENV === "development") posthog.debug();
|
|
},
|
|
});
|
|
}
|
|
}, [posthogKey]);
|
|
|
|
const getLayout = Component.getLayout ?? ((page) => page);
|
|
|
|
return (
|
|
<>
|
|
<style jsx global>{`
|
|
html {
|
|
font-family: ${jakarta.style.fontFamily};
|
|
}
|
|
body {
|
|
position: relative;
|
|
}
|
|
`}</style>
|
|
{env("NEXT_PUBLIC_UMAMI_ID") && (
|
|
<Script
|
|
defer
|
|
src="https://cloud.umami.is/script.js"
|
|
data-website-id={env("NEXT_PUBLIC_UMAMI_ID")}
|
|
/>
|
|
)}
|
|
<script src="/__ENV.js" />
|
|
<main className="font-sans">
|
|
<LinguiProviderWrapper>
|
|
<ThemeProvider attribute="class" defaultTheme="system" enableSystem>
|
|
<ModalProvider>
|
|
<PopupProvider>
|
|
{posthogKey ? (
|
|
<PostHogProvider client={posthog}>
|
|
{getLayout(<Component {...pageProps} />)}
|
|
</PostHogProvider>
|
|
) : (
|
|
getLayout(<Component {...pageProps} />)
|
|
)}
|
|
</PopupProvider>
|
|
</ModalProvider>
|
|
</ThemeProvider>
|
|
</LinguiProviderWrapper>
|
|
</main>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default api.withTRPC(MyApp);
|