bookmarksLayout.tsx•1.17 kB
"use client";
import type { z } from "zod";
import { createContext, useContext } from "react";
import { fallbackLng } from "@/lib/i18n/settings";
import type { BookmarksLayoutTypes, zUserLocalSettings } from "./types";
const defaultLayout: BookmarksLayoutTypes = "masonry";
export const UserLocalSettingsCtx = createContext<
z.infer<typeof zUserLocalSettings>
>({
bookmarkGridLayout: defaultLayout,
lang: fallbackLng,
gridColumns: 3,
});
function useUserLocalSettings() {
return useContext(UserLocalSettingsCtx);
}
export function useBookmarkLayout() {
const settings = useUserLocalSettings();
return settings.bookmarkGridLayout;
}
export function useInterfaceLang() {
const settings = useUserLocalSettings();
return settings.lang;
}
export function useGridColumns() {
const settings = useUserLocalSettings();
return settings.gridColumns;
}
export function bookmarkLayoutSwitch<T>(
layout: BookmarksLayoutTypes,
data: Record<BookmarksLayoutTypes, T>,
) {
return data[layout];
}
export function useBookmarkLayoutSwitch<T>(
data: Record<BookmarksLayoutTypes, T>,
) {
const layout = useBookmarkLayout();
return data[layout];
}