From 8c6205dcf0244feb6953abf227399a5253fb0448 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Thomas=20Rame=CC=81?= Date: Thu, 24 Sep 2026 22:47:11 +0200 Subject: [PATCH] fu-2 --- .../doc-header/components/DocHeaderInfo.tsx | 31 +- .../docs/doc-header/components/DocToolBox.tsx | 17 -- .../assets/encrypted-document.svg | 267 +++++++++--------- .../components/SimpleDocItem.tsx | 3 +- 4 files changed, 161 insertions(+), 157 deletions(-) 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 = ({