src/app/(main)/links/LinkEditButton.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

import { useMessages } from '@/components/hooks';
import { Edit } from '@/components/icons';
import { DialogButton } from '@/components/input/DialogButton';
import { LinkEditForm } from './LinkEditForm';

export function LinkEditButton({ linkId }: { linkId: string }) {
  const { formatMessage, labels } = useMessages();

  return (
    <DialogButton icon={<Edit />} title={formatMessage(labels.link)} variant="quiet" width="800px">
      {({ close }) => {
        return <LinkEditForm linkId={linkId} onClose={close} />;
      }}
    </DialogButton>
  );
}