iio/pingvin-share
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: get theme on inital load

Browse Source
This commit is contained in:
Elias Schneider
2022-10-11 22:49:21 +02:00
parent 80d03ce82c
commit a40c2ded82
3 changed files with 63 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/src/pages/_app.tsx
View File

@@ -8,8 +8,9 @@ import {
import { useColorScheme } from "@mantine/hooks";
import { ModalsProvider } from "@mantine/modals";
import { NotificationsProvider } from "@mantine/notifications";
import { getCookie, setCookies } from "cookies-next";
import { setCookies } from "cookies-next";
import { GetServerSidePropsContext } from "next";
import cookies from "next-cookies";
import type { AppProps } from "next/app";
import { useEffect, useState } from "react";
import Footer from "../components/Footer";
@@ -22,9 +23,7 @@ import globalStyle from "../styles/mantine.style";
import { CurrentUser } from "../types/user.type";
import { GlobalLoadingContext } from "../utils/loading.util";
function App(
props: AppProps & { colorScheme: ColorScheme; environmentVariables: any }
) {
function App(props: AppProps & { colorScheme: ColorScheme }) {
const { Component, pageProps } = props;
const systemTheme = useColorScheme();
@@ -91,6 +90,6 @@ export default App;
App.getInitialProps = ({ ctx }: { ctx: GetServerSidePropsContext }) => {
return {
colorScheme: getCookie("color-schema") || "light",
colorScheme: cookies(ctx)["color-schema"] || "light",
};
};