foomo/foomo-docs
1
0
Fork 0
mirror of https://github.com/foomo/foomo-docs.git synced 2025-10-16 12:35:40 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: localStorage SSR support

Browse Source
This commit is contained in:
Jan Halfar 2022-01-16 22:36:37 +01:00
parent e508ddde69
commit d33307238e
2 changed files with 25 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
foomo/docs/backend/go-by-example/yaml-magic.mdx Normal file
View File

@ -0,0 +1,12 @@
import { GoPlayground } from '../../../src/components/GoPlayground';
# yaml magic
<GoPlayground
id="2J1mp90r6nl"
proportion={16/10}
/>

22
foomo/src/components/IsItCool.tsx
View File

@ -1,8 +1,13 @@
import React, { useState } from "react";
import React, { useEffect, useState } from "react";
const yes = "yes";
const SSR = typeof localStorage === "undefined";
if(typeof localStorage == "undefined") {
var localStorage = {setItem:(name, value) => {}, getItem: (name) => {return null}};
const getISCool = (id) => {
if(typeof localStorage === "undefined") {
return false;
}
return localStorage.getItem(id);
}
export const IsItCool = (props: {
@ -10,18 +15,17 @@ export const IsItCool = (props: {
topic: string;
id: string;
}) => {
let defaultIsCool = false;
if (localStorage.getItem(props.id) == "yes") {
defaultIsCool = true;
}
const [isCool, setIsCool] = useState(defaultIsCool);
const [isCool, setIsCool] = useState(getISCool(props.id));
useEffect(() => {
console.log("well it is cool",props.id, {isCool, SSR})
}, [isCool, SSR]);
if (!isCool) {
return (
<div>
<button
className="button button--lg button--secondary"
onClick={(_e) => {
localStorage.setItem(props.id, "yes");
localStorage.setItem(props.id, yes);
setIsCool(true);
}}
>