yaak/src-web/hooks/useWorkspaces.ts

import type { Workspace } from '@yaakapp-internal/models';
import { atom, useAtomValue } from 'jotai';
import { listWorkspaces } from '../lib/store';

const workspaces = await listWorkspaces();
export const workspacesAtom = atom<Workspace[]>(workspaces);

export const sortedWorkspacesAtom = atom((get) =>
  get(workspacesAtom).sort((a, b) => a.name.localeCompare(b.name)),
);

export function useWorkspaces() {
  return useAtomValue(sortedWorkspacesAtom);
}