48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
|
import React from 'react';
|
||
|
|
import { WorktreeSectionContent } from '@/components/sections/openchamber/WorktreeSectionContent';
|
||
|
|
import { ProjectActionsSection } from '@/components/sections/projects/ProjectActionsSection';
|
||
|
|
import { ProjectIdentityFields } from '@/components/sections/projects/ProjectIdentityFields';
|
||
|
|
import {
|
||
|
|
useProjectIdentityForm,
|
||
|
|
type ProjectIdentitySaveData,
|
||
|
|
} from '@/components/sections/projects/useProjectIdentityForm';
|
||
|
|
import { useProjectIdentityAutoSave } from '@/components/sections/projects/useProjectIdentityAutoSave';
|
||
|
|
import type { ProjectEntry } from '@/lib/api/types';
|
||
|
|
|
||
|
|
type ProjectSettingsPanelProps = {
|
||
|
|
project: ProjectEntry | null;
|
||
|
|
onIdentitySave: (data: ProjectIdentitySaveData) => void | Promise<void>;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const ProjectSettingsPanel: React.FC<ProjectSettingsPanelProps> = ({
|
||
|
|
project,
|
||
|
|
onIdentitySave,
|
||
|
|
}) => {
|
||
|
|
const form = useProjectIdentityForm(project);
|
||
|
|
|
||
|
|
const projectRef = React.useMemo(() => {
|
||
|
|
if (!project) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
return { id: project.id, path: project.path };
|
||
|
|
}, [project]);
|
||
|
|
|
||
|
|
const handleIdentitySave = React.useCallback(async (data: ProjectIdentitySaveData) => {
|
||
|
|
await onIdentitySave(data);
|
||
|
|
}, [onIdentitySave]);
|
||
|
|
|
||
|
|
useProjectIdentityAutoSave(form, handleIdentitySave);
|
||
|
|
|
||
|
|
if (!project || !projectRef) {
|
||
|
|
return null;
|
||
|
|
}
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="space-y-0">
|
||
|
|
<ProjectIdentityFields form={form} />
|
||
|
|
<ProjectActionsSection projectRef={projectRef} />
|
||
|
|
<WorktreeSectionContent projectRef={projectRef} />
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
};
|