Tz fix (#106)

* Fix ClientOnly

* Remove console.log in StackLayerPriorities

* Force locale & timzone to avoid react hydration problems

src/components/ClientOnly.tsx

@@ -15,7 +15,7 @@ const ClientOnly = (props: ClientOnlyProps) => {
     return null;
   }
 
-  return null;
+  return props.children;
 };
 
 export default ClientOnly;

src/features/dataset/StackLayerPriorities.tsx

@@ -36,8 +36,6 @@ const StackLayerPriorities = (props: StackLayerPrioritiesProps) => {
     [layers]
   );
 
-  console.log(disabled);
-
   useEffect(() => {
     const layersIds = layers.map((l) => l.id);
     // Check that all items in the value are present in the layers

src/libs/cookie.ts

@@ -0,0 +1,50 @@
+export type SetCookieOptions = {
+  expires?: string | number | Date;
+  path?: string;
+  [key: string]: any;
+};
+
+export function setCookie(
+  name: string,
+  value: any,
+  options: SetCookieOptions = {}
+) {
+  options = {
+    path: "/",
+    // add other defaults here if necessary
+    ...options,
+  };
+
+  if (options.expires instanceof Date) {
+    options.expires = options.expires.toUTCString();
+  }
+
+  let updatedCookie =
+    encodeURIComponent(name) + "=" + encodeURIComponent(value);
+
+  for (let optionKey in options) {
+    updatedCookie += "; " + optionKey;
+    let optionValue = options[optionKey];
+    updatedCookie += "=" + optionValue;
+  }
+
+  document.cookie = updatedCookie;
+}
+
+export function deleteCookie(name: string) {
+  setCookie(name, "", {
+    "max-age": -1,
+  });
+}
+
+export function getCookie(name: string, cookie?: string) {
+  cookie = cookie ?? document.cookie;
+  let matches = cookie.match(
+    new RegExp(
+      "(?:^|; )" +
+        name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, "\\$1") +
+        "=([^;]*)"
+    )
+  );
+  return matches ? decodeURIComponent(matches[1]) : undefined;
+}

src/pages/_app.tsx

@@ -3,12 +3,16 @@ import AlertManager from "components/AlertManager";
 import Layout from "components/layouts/Layout";
 import { useApollo } from "libs/apollo";
 import { AppPropsWithLayout } from "libs/types";
+import { Settings } from "luxon";
 import { appWithTranslation } from "next-i18next";
 import Head from "next/head";
 import NavigationProgress from "nextjs-progressbar";
 import "../styles/globals.css";
 
-function App({ Component, pageProps }: AppPropsWithLayout) {
+Settings.defaultLocale = "en";
+Settings.defaultZone = "Europe/Brussels";
+
+function CustomApp({ Component, pageProps }: AppPropsWithLayout) {
   const apolloClient = useApollo(pageProps);
 
   const getLayout =
@@ -32,4 +36,4 @@ function App({ Component, pageProps }: AppPropsWithLayout) {
   );
 }
 
-export default appWithTranslation(App);
+export default appWithTranslation(CustomApp);