diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx
index 839d6b180..de3e63e95 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocHeaderInfo.tsx
@@ -1,8 +1,9 @@
import { t } from 'i18next';
import React from 'react';
-import { Text } from '@/components';
+import { Box, Icon, Text } from '@/components';
import { useConfig } from '@/core';
+import { useCunninghamTheme } from '@/cunningham';
import {
Doc,
Role,
@@ -22,6 +23,7 @@ export const DocHeaderInfo = ({ doc }: DocHeaderInfoProps) => {
const { isEditable } = useIsCollaborativeEditable(doc);
const { relativeDate, calculateDaysLeft } = useDate();
const { data: config } = useConfig();
+ const { spacingsTokens } = useCunninghamTheme();
const childrenCount = doc.numchild ?? 0;
@@ -42,9 +44,33 @@ export const DocHeaderInfo = ({ doc }: DocHeaderInfoProps) => {
const hasChildren = childrenCount > 0;
+ const separator = (
+
+ ·
+
+ );
+
+ const encryptedBadge = doc.is_encrypted && (
+ <>
+
+
+
+ {t('Encrypted')}
+
+
+ {separator}
+ >
+ );
+
if (isDesktop) {
return (
<>
+ {encryptedBadge}
{
$theme={isEditable ? 'gray' : 'warning'}
>
{transRole(isEditable ? doc.user_role || doc.link_role : Role.READER)}
- ·
+ {separator}
{dateToDisplay}
@@ -63,6 +89,7 @@ export const DocHeaderInfo = ({ doc }: DocHeaderInfoProps) => {
return (
<>
+ {encryptedBadge}
{hasChildren ? relativeOnly : dateToDisplay}
diff --git a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
index 46dcc5a6c..da37111fd 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-header/components/DocToolBox.tsx
@@ -12,7 +12,6 @@ import {
DropdownMenuOption,
Icon,
IconOptions,
- Text,
} from '@/components';
import { useCunninghamTheme } from '@/cunningham';
import {
@@ -239,22 +238,6 @@ export const DocToolBox = ({
$margin={{ left: 'auto' }}
$gap={spacingsTokens['2xs']}
>
- {doc.is_encrypted && (
-
-
-
- {t('Encrypted')}
-
-
- )}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
diff --git a/src/frontend/apps/impress/src/features/docs/doc-management/components/SimpleDocItem.tsx b/src/frontend/apps/impress/src/features/docs/doc-management/components/SimpleDocItem.tsx
index 4090debf8..508fab320 100644
--- a/src/frontend/apps/impress/src/features/docs/doc-management/components/SimpleDocItem.tsx
+++ b/src/frontend/apps/impress/src/features/docs/doc-management/components/SimpleDocItem.tsx
@@ -33,7 +33,7 @@ type SimpleDocItemProps = {
export const SimpleDocItem = ({
doc,
isPinned = false,
- isEncrypted = false,
+ isEncrypted = doc.is_encrypted ?? false,
showAccesses = false,
}: SimpleDocItemProps) => {
const { t } = useTranslation();
@@ -69,7 +69,6 @@ export const SimpleDocItem = ({
) : isPinned ? (