homeio

1"use client";
2
3import { useEffect, useState } from "react";
4import {
5  DEFAULT_APPEARANCE_SETTINGS,
6  sanitizeAppearanceSettings,
7  type AppearanceSettings,
8} from "@/lib/desktop/appearance";
9
10export function useResolvedWallpaper() {
11  const [wallpaper, setWallpaper] = useState(DEFAULT_APPEARANCE_SETTINGS.wallpaper);
12  const [isHydrated, setIsHydrated] = useState(false);
13
14  useEffect(() => {
15    fetch("/api/v1/settings/appearance", { cache: "no-store" })
16      .then((res) => res.ok ? res.json() : null)
17      .then((json: { data: AppearanceSettings } | null) => {
18        if (json?.data) {
19          setWallpaper(sanitizeAppearanceSettings(json.data).wallpaper);
20        }
21        setIsHydrated(true);
22      })
23      .catch(() => setIsHydrated(true));
24  }, []);
25
26  return { wallpaper, isHydrated };
27}
28