zack3d/big-agi
1
0
Fork 0
mirror of https://github.com/enricoros/big-AGI.git synced 2026-05-10 21:50:14 -07:00
Code Issues Packages Projects Releases Wiki Activity

Doc edit pane: fix formatting

Browse Source
This commit is contained in:
Enrico Ros
2025-01-11 16:09:40 -08:00
parent 6a99f65979
commit 5f7508633b
1 changed files with 32 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/apps/chat/components/message/fragments-attachment-doc/DocAttachmentFragment.tsx
+32 -16
View File
@@ -291,18 +291,25 @@ export function DocAttachmentFragment(props: {
{/* Delete / Confirm */}
{!!onFragmentDelete && (
<Box sx={{ display: 'flex', flexDirection: !reverseToolbar ? 'row' : 'row-reverse',gap: 1 }}>
<Box sx={{ display: 'flex', flexDirection: !reverseToolbar ? 'row' : 'row-reverse', gap: 1 }}>
{!isEditing && <Button
variant='soft'
color={DocSelColor}
size='sm'
onClick={handleToggleDeleteArmed}
startDecorator={isDeleteArmed ? <CloseRoundedIcon /> : <DeleteOutlineIcon />}
sx={_styles.button}>
variant='soft'
color={DocSelColor}
size='sm'
onClick={handleToggleDeleteArmed}
startDecorator={isDeleteArmed ? <CloseRoundedIcon /> : <DeleteOutlineIcon />}
sx={_styles.button}
>
{isDeleteArmed ? 'Cancel' : 'Delete'}
</Button>}
{isDeleteArmed && (
<Button variant='solid' color='danger' size='sm' onClick={handleFragmentDelete} startDecorator={<DeleteForeverIcon />}>
<Button
variant='solid'
color='danger'
size='sm'
onClick={handleFragmentDelete}
startDecorator={<DeleteForeverIcon />}
>
Delete
</Button>
)}
@@ -311,17 +318,26 @@ export function DocAttachmentFragment(props: {
{/* Edit / Save */}
{!!onFragmentReplace && (
<Box sx={{ display: 'flex', flexDirection: !reverseToolbar ? 'row' : 'row-reverse', gap: 1, ml: 'auto' }}>
<Button variant='soft'
color={DocSelColor}
size='sm'
onClick={handleToggleEdit}
startDecorator={isEditing ? <CloseRoundedIcon /> : <EditRoundedIcon />}
<Box sx={{ display: 'flex', flexDirection: !reverseToolbar ? 'row' : 'row-reverse', gap: 1 }}>
<Button
variant='soft'
color={DocSelColor}
size='sm'
onClick={handleToggleEdit}
startDecorator={isEditing ? <CloseRoundedIcon /> : <EditRoundedIcon />}
sx={_styles.button}
>{isEditing ? 'Cancel' : 'Edit'}
>
{isEditing ? 'Cancel' : 'Edit'}
</Button>
{isEditing && (
<Button variant='solid' color='success' onClick={handleEditApply} size='sm' startDecorator={<CheckRoundedIcon />} sx={_styles.button}>
<Button
variant='solid'
color='success'
onClick={handleEditApply}
size='sm'
startDecorator={<CheckRoundedIcon />}
sx={_styles.button}
>
Save
</Button>
)}