saleor-apps-redis_apl/apps/search/src/lib/theme-synchronizer.tsx
Lukasz Ostrowski fc7a70f598
Search redesign to Macaw 2.0 (#420)
* Redesign

* Better form

* Remove searchKey

* Update macaw

* Test setup

* fix build

* Create curly-jars-doubt.md

* Unify vitest to (hopefully) fix build

* fix lock

* update macaw and review fixes

* fix build
2023-04-25 18:20:20 +02:00

25 lines
597 B
TypeScript

import { useAppBridge } from "@saleor/app-sdk/app-bridge";
import { useTheme } from "@saleor/macaw-ui/next";
import { useEffect } from "react";
// todo move to shared
export function ThemeSynchronizer() {
const { appBridgeState } = useAppBridge();
const { setTheme } = useTheme();
useEffect(() => {
if (!setTheme || !appBridgeState?.theme) {
return;
}
if (appBridgeState.theme === "light") {
setTheme("defaultLight");
}
if (appBridgeState.theme === "dark") {
setTheme("defaultDark");
}
}, [appBridgeState?.theme, setTheme]);
return null;
}