diff --git a/src/components/digests/block-card/text-card/TextCard.tsx b/src/components/digests/block-card/text-card/TextCard.tsx index 34629f2..4a73aa5 100644 --- a/src/components/digests/block-card/text-card/TextCard.tsx +++ b/src/components/digests/block-card/text-card/TextCard.tsx @@ -8,6 +8,7 @@ import { useTeam } from '@/contexts/TeamContext'; import { useParams } from 'next/navigation'; import useAddAndRemoveBlockOnDigest from '@/hooks/useAddAndRemoveBlockOnDigest'; import ActionsBlockPopover from '../../ActionsBlockPopover'; +import EditTextBlockDialog from '../../dialog/EditTextBlockDialog'; export interface Props { block: PublicDigestListProps['digest']['digestBlocks'][number]; @@ -15,6 +16,7 @@ export interface Props { } export default function BlockTextCard({ block, isEditable = false }: Props) { + const [isEditDialogOpen, setIsEditDialogOpen] = useState(false); const { id: teamId } = useTeam(); const params = useParams(); const { remove, isRefreshing } = useAddAndRemoveBlockOnDigest({ @@ -27,6 +29,7 @@ export default function BlockTextCard({ block, isEditable = false }: Props) { 'BlockTextCard: block.text is null, but it should not be null.' ); } + const htmlContent = remark().use(html).processSync(block.text); return ( @@ -50,10 +53,23 @@ export default function BlockTextCard({ block, isEditable = false }: Props) { {isEditable && ( - remove.mutate(block.id)} - /> + <> + remove.mutate(block.id)} + onEditClick={() => { + setIsEditDialogOpen(true); + }} + /> + + )} ); diff --git a/src/components/digests/dialog/AddTextBlockDialog.tsx b/src/components/digests/dialog/AddTextBlockDialog.tsx index 4beddcc..34846c9 100644 --- a/src/components/digests/dialog/AddTextBlockDialog.tsx +++ b/src/components/digests/dialog/AddTextBlockDialog.tsx @@ -96,7 +96,7 @@ export default function AddTextBlockDialog({ disabled={!isDirty} isLoading={isCreating || isRefreshing} > - Save + Add