andrea/phosphor-icons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(app): url persistence

Browse Source
This commit is contained in:
rektdeckard
2024-01-04 19:39:05 -07:00
committed by Tobias Fried
parent 6db9a08f7f
commit b9e41ac135
7 changed files with 86 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
src/components/App/App.tsx
View File

@@ -9,40 +9,33 @@ import Footer from "@/components/Footer";
import ErrorBoundary from "@/components/ErrorBoundary";
import Notice from "@/components/Notice";
// import Recipes from "@/components/Recipes";
import {
useIconParameters,
usePersistSettings,
useCSSVariables,
} from "@/hooks";
import { useCSSVariables } from "@/hooks";
import { isDarkThemeSelector } from "@/state";
const errorFallback = <Notice message="Search error" />;
const waitingFallback = <Notice type="none" message="" />;
const App: React.FC<any> = () => {
// useIconParameters();
// usePersistSettings();
const isDark = useRecoilValue(isDarkThemeSelector);
const properties = useMemo(
() => ({
"--foreground": isDark ? "white" : "var(--moss)",
"--foreground-card": isDark ? "white" : "var(--moss)",
"--foreground-secondary": isDark ? "var(--pewter)" : "var(--elephant)",
"--background": isDark ? "var(--slate)" : "var(--vellum)",
"--background-card": isDark ? "var(--stone)" : "var(--vellum)",
"--background-layer": isDark ? "var(--scrim)" : "var(--translucent)",
"--border-card": isDark ? "var(--shadow)" : "var(--moss-shadow)",
"--border-secondary": isDark ? "var(--scrim)" : "var(--moss-shadow)",
"--hover-tabs": isDark ? "var(--slate-sheer)" : "var(--ghost-sheer)",
"--hover-buttons": isDark ? "var(--scrim)" : "var(--slate)",
}),
[isDark]
useCSSVariables(
useMemo(
() => ({
"--foreground": isDark ? "white" : "var(--moss)",
"--foreground-card": isDark ? "white" : "var(--moss)",
"--foreground-secondary": isDark ? "var(--pewter)" : "var(--elephant)",
"--background": isDark ? "var(--slate)" : "var(--vellum)",
"--background-card": isDark ? "var(--stone)" : "var(--vellum)",
"--background-layer": isDark ? "var(--scrim)" : "var(--translucent)",
"--border-card": isDark ? "var(--shadow)" : "var(--moss-shadow)",
"--border-secondary": isDark ? "var(--scrim)" : "var(--moss-shadow)",
"--hover-tabs": isDark ? "var(--slate-sheer)" : "var(--ghost-sheer)",
"--hover-buttons": isDark ? "var(--scrim)" : "var(--slate)",
}),
[isDark]
)
);
useCSSVariables(properties);
return (
<Fragment>
<Header />