Chaim Lev-Ari
35 lines
985 B
TypeScript
35 lines
985 B
TypeScript
import { useState } from 'react';
|
|
import { PencilIcon } from 'lucide-react';
|
|
import { useCurrentStateAndParams } from '@uirouter/react';
|
|
|
|
import { Stack } from '@/react/common/stacks/types';
|
|
import { Authorized } from '@/react/hooks/useUser';
|
|
|
|
import { Button } from '@@/buttons';
|
|
|
|
import { EditGitSettingsModal } from './EditGitSettings/EditGitSettingsModal';
|
|
|
|
export function EditGitSettingsButton({ stack }: { stack: Stack }) {
|
|
const {
|
|
params: { openGitSettings },
|
|
} = useCurrentStateAndParams();
|
|
const [isOpen, setIsOpen] = useState(!!openGitSettings);
|
|
|
|
return (
|
|
<Authorized authorizations="PortainerStackUpdate">
|
|
<Button
|
|
size="small"
|
|
color="default"
|
|
onClick={() => setIsOpen(true)}
|
|
data-cy="edit-git-settings-button"
|
|
icon={PencilIcon}
|
|
>
|
|
Edit Git settings
|
|
</Button>
|
|
{isOpen && (
|
|
<EditGitSettingsModal stack={stack} onClose={() => setIsOpen(false)} />
|
|
)}
|
|
</Authorized>
|
|
);
|
|
}
|