Carlos Florêncio
54 lines
1.7 KiB
TypeScript
54 lines
1.7 KiB
TypeScript
"use client";
|
|
|
|
import { useEffect } from "react";
|
|
import { fetchUserSettings, listEditors } from "@/lib/api";
|
|
import { getWebSocketClient } from "@/lib/ws/connection";
|
|
import { useAppStore } from "@/components/state-provider";
|
|
import { mapUserSettingsResponse } from "@/lib/ssr/user-settings";
|
|
|
|
export function useEditors() {
|
|
const editors = useAppStore((state) => state.editors.items);
|
|
const loaded = useAppStore((state) => state.editors.loaded);
|
|
const loading = useAppStore((state) => state.editors.loading);
|
|
const setEditors = useAppStore((state) => state.setEditors);
|
|
const setEditorsLoading = useAppStore((state) => state.setEditorsLoading);
|
|
const userSettingsLoaded = useAppStore((state) => state.userSettings.loaded);
|
|
const setUserSettings = useAppStore((state) => state.setUserSettings);
|
|
|
|
useEffect(() => {
|
|
const client = getWebSocketClient();
|
|
if (client) {
|
|
client.subscribeUser();
|
|
}
|
|
}, []);
|
|
|
|
useEffect(() => {
|
|
if (loaded || loading) return;
|
|
setEditorsLoading(true);
|
|
listEditors({ cache: "no-store" })
|
|
.then((response) => {
|
|
setEditors(response.editors ?? []);
|
|
})
|
|
.catch(() => {
|
|
setEditors([]);
|
|
})
|
|
.finally(() => {
|
|
setEditorsLoading(false);
|
|
});
|
|
}, [loaded, loading, setEditors, setEditorsLoading]);
|
|
|
|
useEffect(() => {
|
|
if (userSettingsLoaded) return;
|
|
fetchUserSettings({ cache: "no-store" })
|
|
.then((data) => {
|
|
if (!data?.settings) return;
|
|
setUserSettings(mapUserSettingsResponse(data));
|
|
})
|
|
.catch(() => {
|
|
// Ignore settings fetch errors for now.
|
|
});
|
|
}, [setUserSettings, userSettingsLoaded]);
|
|
|
|
return { editors, loaded, loading };
|
|
}
|