mirror of
https://github.com/alkimake/paperclip.git
synced 2026-06-14 01:50:39 +09:00
82 lines
2 KiB
TypeScript
82 lines
2 KiB
TypeScript
import { createContext, useCallback, useContext, useState, type ReactNode } from "react";
|
|
|
|
interface NewIssueDefaults {
|
|
status?: string;
|
|
priority?: string;
|
|
projectId?: string;
|
|
}
|
|
|
|
interface DialogContextValue {
|
|
newIssueOpen: boolean;
|
|
newIssueDefaults: NewIssueDefaults;
|
|
openNewIssue: (defaults?: NewIssueDefaults) => void;
|
|
closeNewIssue: () => void;
|
|
newProjectOpen: boolean;
|
|
openNewProject: () => void;
|
|
closeNewProject: () => void;
|
|
newAgentOpen: boolean;
|
|
openNewAgent: () => void;
|
|
closeNewAgent: () => void;
|
|
}
|
|
|
|
const DialogContext = createContext<DialogContextValue | null>(null);
|
|
|
|
export function DialogProvider({ children }: { children: ReactNode }) {
|
|
const [newIssueOpen, setNewIssueOpen] = useState(false);
|
|
const [newIssueDefaults, setNewIssueDefaults] = useState<NewIssueDefaults>({});
|
|
const [newProjectOpen, setNewProjectOpen] = useState(false);
|
|
const [newAgentOpen, setNewAgentOpen] = useState(false);
|
|
|
|
const openNewIssue = useCallback((defaults: NewIssueDefaults = {}) => {
|
|
setNewIssueDefaults(defaults);
|
|
setNewIssueOpen(true);
|
|
}, []);
|
|
|
|
const closeNewIssue = useCallback(() => {
|
|
setNewIssueOpen(false);
|
|
setNewIssueDefaults({});
|
|
}, []);
|
|
|
|
const openNewProject = useCallback(() => {
|
|
setNewProjectOpen(true);
|
|
}, []);
|
|
|
|
const closeNewProject = useCallback(() => {
|
|
setNewProjectOpen(false);
|
|
}, []);
|
|
|
|
const openNewAgent = useCallback(() => {
|
|
setNewAgentOpen(true);
|
|
}, []);
|
|
|
|
const closeNewAgent = useCallback(() => {
|
|
setNewAgentOpen(false);
|
|
}, []);
|
|
|
|
return (
|
|
<DialogContext.Provider
|
|
value={{
|
|
newIssueOpen,
|
|
newIssueDefaults,
|
|
openNewIssue,
|
|
closeNewIssue,
|
|
newProjectOpen,
|
|
openNewProject,
|
|
closeNewProject,
|
|
newAgentOpen,
|
|
openNewAgent,
|
|
closeNewAgent,
|
|
}}
|
|
>
|
|
{children}
|
|
</DialogContext.Provider>
|
|
);
|
|
}
|
|
|
|
export function useDialog() {
|
|
const ctx = useContext(DialogContext);
|
|
if (!ctx) {
|
|
throw new Error("useDialog must be used within DialogProvider");
|
|
}
|
|
return ctx;
|
|
}
|