mirror of
https://github.com/docmost/docmost.git
synced 2026-05-17 23:14:07 +08:00
UI tweaks
This commit is contained in:
@@ -1,39 +1,76 @@
|
||||
import { Group, Table, ThemeIcon } from "@mantine/core";
|
||||
import { Group, List, Stack, Table, Text, ThemeIcon } from "@mantine/core";
|
||||
import { IconCheck } from "@tabler/icons-react";
|
||||
|
||||
const enterpriseFeatures = [
|
||||
"SSO (SAML, OIDC, LDAP)",
|
||||
"Multi-factor Authentication",
|
||||
"Page-level Permissions",
|
||||
"Audit Logs",
|
||||
"API Keys",
|
||||
"AI Integration",
|
||||
"MCP Support",
|
||||
"Advanced Search Engine Support",
|
||||
"Full-text Search in Attachments (PDF, DOCX)",
|
||||
"Resolve Comments",
|
||||
"Confluence Import",
|
||||
"DOCX Import",
|
||||
];
|
||||
|
||||
export default function OssDetails() {
|
||||
return (
|
||||
<Table.ScrollContainer minWidth={500} py="md">
|
||||
<Table
|
||||
variant="vertical"
|
||||
verticalSpacing="sm"
|
||||
layout="fixed"
|
||||
withTableBorder
|
||||
>
|
||||
<Table.Caption>
|
||||
To unlock enterprise features like SSO, AI, Page-level permissions, SSO, MFA, Resolve comments, contact sales@docmost.com.
|
||||
</Table.Caption>
|
||||
<Table.Tbody>
|
||||
<Table.Tr>
|
||||
<Table.Th w={160}>Edition</Table.Th>
|
||||
<Table.Td>
|
||||
<Group wrap="nowrap">
|
||||
Open Source
|
||||
<div>
|
||||
<ThemeIcon
|
||||
color="green"
|
||||
variant="light"
|
||||
size={24}
|
||||
radius="xl"
|
||||
>
|
||||
<IconCheck size={16} />
|
||||
</ThemeIcon>
|
||||
</div>
|
||||
</Group>
|
||||
</Table.Td>
|
||||
</Table.Tr>
|
||||
</Table.Tbody>
|
||||
</Table>
|
||||
</Table.ScrollContainer>
|
||||
<Stack gap="lg">
|
||||
<Table.ScrollContainer minWidth={500} py="md">
|
||||
<Table
|
||||
variant="vertical"
|
||||
verticalSpacing="sm"
|
||||
layout="fixed"
|
||||
withTableBorder
|
||||
>
|
||||
<Table.Tbody>
|
||||
<Table.Tr>
|
||||
<Table.Th w={160}>Edition</Table.Th>
|
||||
<Table.Td>
|
||||
<Group wrap="nowrap">
|
||||
Open Source
|
||||
<div>
|
||||
<ThemeIcon
|
||||
color="green"
|
||||
variant="light"
|
||||
size={24}
|
||||
radius="xl"
|
||||
>
|
||||
<IconCheck size={16} />
|
||||
</ThemeIcon>
|
||||
</div>
|
||||
</Group>
|
||||
</Table.Td>
|
||||
</Table.Tr>
|
||||
</Table.Tbody>
|
||||
</Table>
|
||||
</Table.ScrollContainer>
|
||||
|
||||
<Stack gap="md">
|
||||
<Text fw={500}>Upgrade to the Enterprise Edition to unlock:</Text>
|
||||
|
||||
<List
|
||||
spacing={4}
|
||||
size="sm"
|
||||
icon={
|
||||
<ThemeIcon size={20} color={"gray"} radius="xl">
|
||||
<IconCheck size={14} />
|
||||
</ThemeIcon>
|
||||
}
|
||||
>
|
||||
{enterpriseFeatures.map((feature) => (
|
||||
<List.Item key={feature}>{feature}</List.Item>
|
||||
))}
|
||||
</List>
|
||||
|
||||
<Text size="sm" c="dimmed">
|
||||
Contact <a href="mailto:sales@docmost.com">sales@docmost.com </a> for
|
||||
enquiries.
|
||||
</Text>
|
||||
</Stack>
|
||||
</Stack>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user