update main layout

Author: ndthanhdev

.yarn/cache/performance-now-npm-2.1.0-45e3ce7e49-534e641aa8.zip

@@ -45,9 +45,11 @@
 		"ramda": "^0.29.0",
 		"react": "^18.2.0",
 		"react-dom": "^18.2.0",
+		"rooks": "^7.14.1",
 		"sass": "^1.66.1",
 		"theme-ui-sketchy-preset": "^0.1.3",
-		"type-fest": "^4.3.1"
+		"type-fest": "^4.3.1",
+		"zustand": "^4.4.1"
 	},
 	"devDependencies": {
 		"@sindresorhus/slugify": "^2.2.1",

.yarn/cache/raf-npm-3.4.1-c25d48d76e-50ba284e48.zip

@@ -0,0 +1 @@
+export * from "./main-container";

.yarn/cache/rooks-npm-7.14.1-47d430f895-b88dc3d745.zip

@@ -0,0 +1,21 @@
+import { SettingContainer, useSettings } from "../settings";
+import { MainLayout } from "./main";
+import { createStore } from "zustand";
+
+export const useMainLayout = createStore((set) => ({
+	openSettings: false,
+	setOpenSettings: (open: boolean) => set({ openSettings: open }),
+}));
+
+export type MainLayoutContainerProps = React.PropsWithChildren<{}>;
+
+export const MainLayoutContainer = ({ children }: MainLayoutContainerProps) => {
+	const settings = useSettings();
+
+	return (
+		<MainLayout onOpenSettings={() => settings.setOpen(true)}>
+			<SettingContainer />
+			{children}
+		</MainLayout>
+	);
+};