sinvo/docmost
1
0
Fork 0
mirror of https://github.com/docmost/docmost.git synced 2026-05-07 06:23:06 +08:00
Code Issues Packages Projects Releases Wiki Activity

add diff to mobile

Browse Source
This commit is contained in:
Philipinho
2026-02-01 18:01:24 +00:00
parent fe5b236d41
commit db52b6036e
1 changed files with 32 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/client/src/features/page-history/components/history-modal-mobile.tsx
+32 -18
View File
@@ -1,5 +1,6 @@
import { import {
ActionIcon, ActionIcon,
Badge,
Box, Box,
Button, Button,
Group, Group,
@@ -191,26 +192,39 @@ export default function HistoryModalMobile({ pageId, pageTitle }: Props) {
return ( return (
<Box className={classes.container}> <Box className={classes.container}>
<Box className={classes.selectorWrapper}> <Box className={classes.selectorWrapper}>
<Select <Group gap="sm" wrap="nowrap">
data={selectData} <Select
value={activeHistoryId} data={selectData}
onChange={handleSelectVersion} value={activeHistoryId}
placeholder={t("Select version")} onChange={handleSelectVersion}
checkIconPosition="right" placeholder={t("Select version")}
maxDropdownHeight={300} checkIconPosition="right"
renderOption={({ option, checked }) => ( maxDropdownHeight={300}
<Group justify="space-between" wrap="nowrap" w="100%"> renderOption={({ option, checked }) => (
<div> <Group justify="space-between" wrap="nowrap" w="100%">
<Text size="sm">{option.label}</Text> <div>
<Text size="xs" c="dimmed"> <Text size="sm">{option.label}</Text>
{(option as { userName?: string }).userName} <Text size="xs" c="dimmed">
</Text> {(option as { userName?: string }).userName}
</div> </Text>
{checked && <IconCheck size={16} />} </div>
{checked && <IconCheck size={16} />}
</Group>
)}
comboboxProps={{ withinPortal: false }}
style={{ flex: 1 }}
/>
{diffCounts && (
<Group gap={4} wrap="nowrap">
<Badge variant="filled" color="green" size="sm">
+{diffCounts.added}
</Badge>
<Badge variant="filled" color="red" size="sm">
-{diffCounts.deleted}
</Badge>
</Group> </Group>
)} )}
comboboxProps={{ withinPortal: false }} </Group>
/>
</Box> </Box>
<ScrollArea <ScrollArea