mirror of
https://github.com/suitenumerique/docs.git
synced 2026-09-28 12:35:10 +02:00
fu-2
This commit is contained in:
+29
-2
@@ -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 = (
|
||||
<Text $variation="tertiary" $size="s">
|
||||
·
|
||||
</Text>
|
||||
);
|
||||
|
||||
const encryptedBadge = doc.is_encrypted && (
|
||||
<>
|
||||
<Box
|
||||
$direction="row"
|
||||
$align="center"
|
||||
$gap={spacingsTokens['4xs']}
|
||||
data-testid="doc-header-encrypted"
|
||||
>
|
||||
<Icon iconName="verified_user" $size="sm" $theme="brand" />
|
||||
<Text $size="xs" $weight="500" $theme="brand">
|
||||
{t('Encrypted')}
|
||||
</Text>
|
||||
</Box>
|
||||
{separator}
|
||||
</>
|
||||
);
|
||||
|
||||
if (isDesktop) {
|
||||
return (
|
||||
<>
|
||||
{encryptedBadge}
|
||||
<Text
|
||||
$variation="tertiary"
|
||||
$size="s"
|
||||
@@ -52,8 +78,8 @@ export const DocHeaderInfo = ({ doc }: DocHeaderInfoProps) => {
|
||||
$theme={isEditable ? 'gray' : 'warning'}
|
||||
>
|
||||
{transRole(isEditable ? doc.user_role || doc.link_role : Role.READER)}
|
||||
·
|
||||
</Text>
|
||||
{separator}
|
||||
<Text $variation="tertiary" $size="s">
|
||||
{dateToDisplay}
|
||||
</Text>
|
||||
@@ -63,6 +89,7 @@ export const DocHeaderInfo = ({ doc }: DocHeaderInfoProps) => {
|
||||
|
||||
return (
|
||||
<>
|
||||
{encryptedBadge}
|
||||
<Text $variation="tertiary" $size="s">
|
||||
{hasChildren ? relativeOnly : dateToDisplay}
|
||||
</Text>
|
||||
|
||||
@@ -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 && (
|
||||
<Box
|
||||
$direction="row"
|
||||
$align="center"
|
||||
$gap="4px"
|
||||
$css={css`
|
||||
margin-right: 5px;
|
||||
`}
|
||||
>
|
||||
<Icon iconName="verified_user" $size="sm" $theme="brand" />
|
||||
<Text $size="xs" $weight="500" $theme="brand">
|
||||
{t('Encrypted')}
|
||||
</Text>
|
||||
</Box>
|
||||
)}
|
||||
|
||||
<BoutonShare
|
||||
doc={doc}
|
||||
open={modalShare.open}
|
||||
|
||||
+131
-136
@@ -1,137 +1,132 @@
|
||||
<svg
|
||||
width="33"
|
||||
height="33"
|
||||
viewBox="0 0 33 33"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<g clip-path="url(#clip0_3236_2932)">
|
||||
<g clip-path="url(#clip1_3236_2932)">
|
||||
<rect x="4.5" y="0.5" width="24" height="32" rx="3.55556" fill="white" />
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M8.08374 7.7623C8.08374 7.27138 8.48171 6.87341 8.97263 6.87341H16.9726C17.4635 6.87341 17.8615 7.27138 17.8615 7.7623C17.8615 8.25322 17.4635 8.65118 16.9726 8.65118H8.97263C8.48171 8.65118 8.08374 8.25322 8.08374 7.7623Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M8.08374 10.7685C8.08374 10.2776 8.48171 9.87964 8.97263 9.87964H24.0273C24.5182 9.87964 24.9162 10.2776 24.9162 10.7685C24.9162 11.2594 24.5182 11.6574 24.0273 11.6574H8.97263C8.48171 11.6574 8.08374 11.2594 8.08374 10.7685ZM8.08374 13.4352C8.08374 12.9443 8.48171 12.5463 8.97263 12.5463H24.0273C24.5182 12.5463 24.9162 12.9443 24.9162 13.4352C24.9162 13.9261 24.5182 14.3241 24.0273 14.3241H8.97263C8.48171 14.3241 8.08374 13.9261 8.08374 13.4352ZM8.08374 16.1019C8.08374 15.6109 8.48171 15.213 8.97263 15.213H24.0273C24.5182 15.213 24.9162 15.6109 24.9162 16.1019C24.9162 16.5928 24.5182 16.9907 24.0273 16.9907H8.97263C8.48171 16.9907 8.08374 16.5928 8.08374 16.1019ZM8.08374 18.7685C8.08374 18.2776 8.48171 17.8796 8.97263 17.8796H24.0273C24.5182 17.8796 24.9162 18.2776 24.9162 18.7685C24.9162 19.2594 24.5182 19.6574 24.0273 19.6574H8.97263C8.48171 19.6574 8.08374 19.2594 8.08374 18.7685Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M8.08374 10.7685C8.08374 10.2776 8.48171 9.87964 8.97263 9.87964H24.0273C24.5182 9.87964 24.9162 10.2776 24.9162 10.7685C24.9162 11.2594 24.5182 11.6574 24.0273 11.6574H8.97263C8.48171 11.6574 8.08374 11.2594 8.08374 10.7685ZM8.08374 13.4352C8.08374 12.9443 8.48171 12.5463 8.97263 12.5463H24.0273C24.5182 12.5463 24.9162 12.9443 24.9162 13.4352C24.9162 13.9261 24.5182 14.3241 24.0273 14.3241H8.97263C8.48171 14.3241 8.08374 13.9261 8.08374 13.4352ZM8.08374 16.1019C8.08374 15.6109 8.48171 15.213 8.97263 15.213H24.0273C24.5182 15.213 24.9162 15.6109 24.9162 16.1019C24.9162 16.5928 24.5182 16.9907 24.0273 16.9907H8.97263C8.48171 16.9907 8.08374 16.5928 8.08374 16.1019ZM8.08374 18.7685C8.08374 18.2776 8.48171 17.8796 8.97263 17.8796H24.0273C24.5182 17.8796 24.9162 18.2776 24.9162 18.7685C24.9162 19.2594 24.5182 19.6574 24.0273 19.6574H8.97263C8.48171 19.6574 8.08374 19.2594 8.08374 18.7685Z"
|
||||
fill="white"
|
||||
fill-opacity="0.65"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M8.08374 21.4666C8.08374 20.9757 8.48171 20.5777 8.97263 20.5777H24.0273C24.5182 20.5777 24.9162 20.9757 24.9162 21.4666C24.9162 21.9575 24.5182 22.3555 24.0273 22.3555H8.97263C8.48171 22.3555 8.08374 21.9575 8.08374 21.4666ZM8.08374 24.1333C8.08374 23.6424 8.48171 23.2444 8.97263 23.2444H24.0273C24.5182 23.2444 24.9162 23.6424 24.9162 24.1333C24.9162 24.6242 24.5182 25.0222 24.0273 25.0222H8.97263C8.48171 25.0222 8.08374 24.6242 8.08374 24.1333ZM8.08374 26.8C8.08374 26.309 8.48171 25.9111 8.97263 25.9111H24.0273C24.5182 25.9111 24.9162 26.309 24.9162 26.8C24.9162 27.2909 24.5182 27.6888 24.0273 27.6888H8.97263C8.48171 27.6888 8.08374 27.2909 8.08374 26.8ZM8.08374 29.4666C8.08374 28.9757 8.48171 28.5777 8.97263 28.5777H24.0273C24.5182 28.5777 24.9162 28.9757 24.9162 29.4666C24.9162 29.9575 24.5182 30.3555 24.0273 30.3555H8.97263C8.48171 30.3555 8.08374 29.9575 8.08374 29.4666Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
fill-rule="evenodd"
|
||||
clip-rule="evenodd"
|
||||
d="M8.08374 21.4666C8.08374 20.9757 8.48171 20.5777 8.97263 20.5777H24.0273C24.5182 20.5777 24.9162 20.9757 24.9162 21.4666C24.9162 21.9575 24.5182 22.3555 24.0273 22.3555H8.97263C8.48171 22.3555 8.08374 21.9575 8.08374 21.4666ZM8.08374 24.1333C8.08374 23.6424 8.48171 23.2444 8.97263 23.2444H24.0273C24.5182 23.2444 24.9162 23.6424 24.9162 24.1333C24.9162 24.6242 24.5182 25.0222 24.0273 25.0222H8.97263C8.48171 25.0222 8.08374 24.6242 8.08374 24.1333ZM8.08374 26.8C8.08374 26.309 8.48171 25.9111 8.97263 25.9111H24.0273C24.5182 25.9111 24.9162 26.309 24.9162 26.8C24.9162 27.2909 24.5182 27.6888 24.0273 27.6888H8.97263C8.48171 27.6888 8.08374 27.2909 8.08374 26.8ZM8.08374 29.4666C8.08374 28.9757 8.48171 28.5777 8.97263 28.5777H24.0273C24.5182 28.5777 24.9162 28.9757 24.9162 29.4666C24.9162 29.9575 24.5182 30.3555 24.0273 30.3555H8.97263C8.48171 30.3555 8.08374 29.9575 8.08374 29.4666Z"
|
||||
fill="white"
|
||||
fill-opacity="0.65"
|
||||
/>
|
||||
<rect
|
||||
x="4.57422"
|
||||
y="0.5"
|
||||
width="23.9258"
|
||||
height="31.8206"
|
||||
fill="url(#paint0_linear_3236_2932)"
|
||||
fill-opacity="0.4"
|
||||
/>
|
||||
</g>
|
||||
<rect
|
||||
x="4.85"
|
||||
y="0.85"
|
||||
width="23.3"
|
||||
height="31.3"
|
||||
rx="3.20556"
|
||||
stroke="currentColor"
|
||||
stroke-width="0.7"
|
||||
/>
|
||||
<rect
|
||||
x="4.85"
|
||||
y="0.85"
|
||||
width="23.3"
|
||||
height="31.3"
|
||||
rx="3.20556"
|
||||
stroke="white"
|
||||
stroke-opacity="0.65"
|
||||
stroke-width="0.7"
|
||||
/>
|
||||
<rect
|
||||
x="4.85"
|
||||
y="0.85"
|
||||
width="23.3"
|
||||
height="31.3"
|
||||
rx="3.20556"
|
||||
stroke="url(#paint1_linear_3236_2932)"
|
||||
stroke-opacity="0.23"
|
||||
stroke-width="0.7"
|
||||
/>
|
||||
<rect
|
||||
x="10.0132"
|
||||
y="10.0132"
|
||||
width="12.9736"
|
||||
height="12.9736"
|
||||
rx="6.48682"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<rect
|
||||
x="10.0132"
|
||||
y="10.0132"
|
||||
width="12.9736"
|
||||
height="12.9736"
|
||||
rx="6.48682"
|
||||
stroke="white"
|
||||
stroke-width="1.21628"
|
||||
/>
|
||||
<g transform="translate(16.5 16.5) scale(0.27)">
|
||||
<path transform="translate(-12 -12)" d="M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z" fill="white"/>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<linearGradient
|
||||
id="paint0_linear_3236_2932"
|
||||
x1="16.5371"
|
||||
y1="0.5"
|
||||
x2="16.5371"
|
||||
y2="32.3206"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="white" stop-opacity="0" />
|
||||
<stop offset="1" stop-color="white" />
|
||||
</linearGradient>
|
||||
<linearGradient
|
||||
id="paint1_linear_3236_2932"
|
||||
x1="16.5"
|
||||
y1="0.5"
|
||||
x2="16.5"
|
||||
y2="32.5"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
>
|
||||
<stop stop-color="white" stop-opacity="0" />
|
||||
<stop offset="1" stop-color="white" />
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_3236_2932">
|
||||
<rect
|
||||
width="32"
|
||||
height="32"
|
||||
fill="white"
|
||||
transform="translate(0.5 0.5)"
|
||||
/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_3236_2932">
|
||||
<rect x="4.5" y="0.5" width="24" height="32" rx="3.55556" fill="white" />
|
||||
</clipPath>
|
||||
</defs>
|
||||
<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="File Icon" filter="url(#filter0_d_9055_74518)">
|
||||
<g id="page">
|
||||
<g clip-path="url(#clip0_9055_74518)">
|
||||
<rect x="6.40002" y="3.2002" width="19.2" height="25.6" rx="3.55556" fill="white"/>
|
||||
<g id="Rectangle 34656043">
|
||||
<path d="M6.39919 3.2002H25.3993L25.3993 12.7002H6.39881L6.39919 3.2002Z" fill="#3677CC"/>
|
||||
<path d="M6.39919 3.2002H25.3993L25.3993 12.7002H6.39881L6.39919 3.2002Z" fill="#F6F8F9" fill-opacity="0.975"/>
|
||||
<path d="M6.39919 3.2002H25.3993L25.3993 12.7002H6.39881L6.39919 3.2002Z" fill="url(#paint0_linear_9055_74518)" fill-opacity="0.4"/>
|
||||
</g>
|
||||
<g id="title">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.88013 10.7912C8.88013 10.3984 9.1985 10.0801 9.59124 10.0801H15.9912C16.384 10.0801 16.7024 10.3984 16.7024 10.7912C16.7024 11.1839 16.384 11.5023 15.9912 11.5023H9.59124C9.1985 11.5023 8.88013 11.1839 8.88013 10.7912Z" fill="#3677CC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.88013 10.7912C8.88013 10.3984 9.1985 10.0801 9.59124 10.0801H15.9912C16.384 10.0801 16.7024 10.3984 16.7024 10.7912C16.7024 11.1839 16.384 11.5023 15.9912 11.5023H9.59124C9.1985 11.5023 8.88013 11.1839 8.88013 10.7912Z" fill="#F6F8F9" fill-opacity="0.15"/>
|
||||
</g>
|
||||
<g id="Vector">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 13.8312C8.8891 13.4385 9.20747 13.1201 9.60021 13.1201H22.4002C22.7929 13.1201 23.1113 13.4385 23.1113 13.8312C23.1113 14.224 22.7929 14.5423 22.4002 14.5423H9.60021C9.20747 14.5423 8.8891 14.224 8.8891 13.8312Z" fill="#3677CC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 13.8312C8.8891 13.4385 9.20747 13.1201 9.60021 13.1201H22.4002C22.7929 13.1201 23.1113 13.4385 23.1113 13.8312C23.1113 14.224 22.7929 14.5423 22.4002 14.5423H9.60021C9.20747 14.5423 8.8891 14.224 8.8891 13.8312Z" fill="#F6F8F9" fill-opacity="0.8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 13.8312C8.8891 13.4385 9.20747 13.1201 9.60021 13.1201H22.4002C22.7929 13.1201 23.1113 13.4385 23.1113 13.8312C23.1113 14.224 22.7929 14.5423 22.4002 14.5423H9.60021C9.20747 14.5423 8.8891 14.224 8.8891 13.8312Z" fill="url(#paint1_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 16.2312C8.8891 15.8385 9.20747 15.5201 9.60021 15.5201H22.4002C22.7929 15.5201 23.1113 15.8385 23.1113 16.2312C23.1113 16.624 22.7929 16.9423 22.4002 16.9423H9.60021C9.20747 16.9423 8.8891 16.624 8.8891 16.2312Z" fill="#3677CC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 16.2312C8.8891 15.8385 9.20747 15.5201 9.60021 15.5201H22.4002C22.7929 15.5201 23.1113 15.8385 23.1113 16.2312C23.1113 16.624 22.7929 16.9423 22.4002 16.9423H9.60021C9.20747 16.9423 8.8891 16.624 8.8891 16.2312Z" fill="#F6F8F9" fill-opacity="0.8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 16.2312C8.8891 15.8385 9.20747 15.5201 9.60021 15.5201H22.4002C22.7929 15.5201 23.1113 15.8385 23.1113 16.2312C23.1113 16.624 22.7929 16.9423 22.4002 16.9423H9.60021C9.20747 16.9423 8.8891 16.624 8.8891 16.2312Z" fill="url(#paint2_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 18.6312C8.8891 18.2385 9.20747 17.9201 9.60021 17.9201H22.4002C22.7929 17.9201 23.1113 18.2385 23.1113 18.6312C23.1113 19.024 22.7929 19.3423 22.4002 19.3423H9.60021C9.20747 19.3423 8.8891 19.024 8.8891 18.6312Z" fill="#3677CC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 18.6312C8.8891 18.2385 9.20747 17.9201 9.60021 17.9201H22.4002C22.7929 17.9201 23.1113 18.2385 23.1113 18.6312C23.1113 19.024 22.7929 19.3423 22.4002 19.3423H9.60021C9.20747 19.3423 8.8891 19.024 8.8891 18.6312Z" fill="#F6F8F9" fill-opacity="0.8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 18.6312C8.8891 18.2385 9.20747 17.9201 9.60021 17.9201H22.4002C22.7929 17.9201 23.1113 18.2385 23.1113 18.6312C23.1113 19.024 22.7929 19.3423 22.4002 19.3423H9.60021C9.20747 19.3423 8.8891 19.024 8.8891 18.6312Z" fill="url(#paint3_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 21.0312C8.8891 20.6385 9.20747 20.3201 9.60021 20.3201H22.4002C22.7929 20.3201 23.1113 20.6385 23.1113 21.0312C23.1113 21.424 22.7929 21.7423 22.4002 21.7423H9.60021C9.20747 21.7423 8.8891 21.424 8.8891 21.0312Z" fill="#3677CC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 21.0312C8.8891 20.6385 9.20747 20.3201 9.60021 20.3201H22.4002C22.7929 20.3201 23.1113 20.6385 23.1113 21.0312C23.1113 21.424 22.7929 21.7423 22.4002 21.7423H9.60021C9.20747 21.7423 8.8891 21.424 8.8891 21.0312Z" fill="#F6F8F9" fill-opacity="0.8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 21.0312C8.8891 20.6385 9.20747 20.3201 9.60021 20.3201H22.4002C22.7929 20.3201 23.1113 20.6385 23.1113 21.0312C23.1113 21.424 22.7929 21.7423 22.4002 21.7423H9.60021C9.20747 21.7423 8.8891 21.424 8.8891 21.0312Z" fill="url(#paint4_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 23.4312C8.8891 23.0385 9.20747 22.7201 9.60021 22.7201H22.4002C22.7929 22.7201 23.1113 23.0385 23.1113 23.4312C23.1113 23.824 22.7929 24.1423 22.4002 24.1423H9.60021C9.20747 24.1423 8.8891 23.824 8.8891 23.4312Z" fill="#3677CC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 23.4312C8.8891 23.0385 9.20747 22.7201 9.60021 22.7201H22.4002C22.7929 22.7201 23.1113 23.0385 23.1113 23.4312C23.1113 23.824 22.7929 24.1423 22.4002 24.1423H9.60021C9.20747 24.1423 8.8891 23.824 8.8891 23.4312Z" fill="#F6F8F9" fill-opacity="0.8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 23.4312C8.8891 23.0385 9.20747 22.7201 9.60021 22.7201H22.4002C22.7929 22.7201 23.1113 23.0385 23.1113 23.4312C23.1113 23.824 22.7929 24.1423 22.4002 24.1423H9.60021C9.20747 24.1423 8.8891 23.824 8.8891 23.4312Z" fill="url(#paint5_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 25.8312C8.8891 25.4385 9.20747 25.1201 9.60021 25.1201H22.4002C22.7929 25.1201 23.1113 25.4385 23.1113 25.8312C23.1113 26.224 22.7929 26.5423 22.4002 26.5423H9.60021C9.20747 26.5423 8.8891 26.224 8.8891 25.8312Z" fill="#3677CC"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 25.8312C8.8891 25.4385 9.20747 25.1201 9.60021 25.1201H22.4002C22.7929 25.1201 23.1113 25.4385 23.1113 25.8312C23.1113 26.224 22.7929 26.5423 22.4002 26.5423H9.60021C9.20747 26.5423 8.8891 26.224 8.8891 25.8312Z" fill="#F6F8F9" fill-opacity="0.8"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M8.8891 25.8312C8.8891 25.4385 9.20747 25.1201 9.60021 25.1201H22.4002C22.7929 25.1201 23.1113 25.4385 23.1113 25.8312C23.1113 26.224 22.7929 26.5423 22.4002 26.5423H9.60021C9.20747 26.5423 8.8891 26.224 8.8891 25.8312Z" fill="url(#paint6_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
</g>
|
||||
</g>
|
||||
<rect x="6.75002" y="3.5502" width="18.5" height="24.9" rx="3.20556" stroke="#3677CC" stroke-width="0.7"/>
|
||||
<rect x="6.75002" y="3.5502" width="18.5" height="24.9" rx="3.20556" stroke="#F6F8F9" stroke-opacity="0.8" stroke-width="0.7"/>
|
||||
<rect x="6.75002" y="3.5502" width="18.5" height="24.9" rx="3.20556" stroke="url(#paint7_linear_9055_74518)" stroke-opacity="0.2" stroke-width="0.7"/>
|
||||
</g>
|
||||
<g id="File Info">
|
||||
<rect x="3.55001" y="16.35" width="12.1" height="12.1" rx="3.65" fill="#EDF0FF"/>
|
||||
<rect x="3.55001" y="16.35" width="12.1" height="12.1" rx="3.65" fill="url(#paint8_linear_9055_74518)" fill-opacity="0.15"/>
|
||||
<rect x="3.55001" y="16.35" width="12.1" height="12.1" rx="3.65" stroke="#C8D3FF" stroke-width="0.7"/>
|
||||
<rect x="3.55001" y="16.35" width="12.1" height="12.1" rx="3.65" stroke="url(#paint9_linear_9055_74518)" stroke-opacity="0.35" stroke-width="0.7"/>
|
||||
<g id="shield-check">
|
||||
<g id="v">
|
||||
<path d="M10.5172 21.3171C10.6734 21.1609 10.9266 21.1609 11.0828 21.3171C11.239 21.4733 11.239 21.7265 11.0828 21.8827L9.48281 23.4827C9.3266 23.6389 9.0734 23.6389 8.91719 23.4827L8.11719 22.6827C7.96098 22.5265 7.96098 22.2733 8.11719 22.1171C8.2734 21.9609 8.5266 21.9609 8.68281 22.1171L9.2 22.6343L10.5172 21.3171Z" fill="#304DDF"/>
|
||||
<path d="M10.5172 21.3171C10.6734 21.1609 10.9266 21.1609 11.0828 21.3171C11.239 21.4733 11.239 21.7265 11.0828 21.8827L9.48281 23.4827C9.3266 23.6389 9.0734 23.6389 8.91719 23.4827L8.11719 22.6827C7.96098 22.5265 7.96098 22.2733 8.11719 22.1171C8.2734 21.9609 8.5266 21.9609 8.68281 22.1171L9.2 22.6343L10.5172 21.3171Z" fill="url(#paint10_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.6 17.9995C9.80671 17.9995 10.0065 18.0738 10.1637 18.2081L10.1672 18.2108C10.823 18.7842 11.7292 19.1999 12.4 19.1999C12.6121 19.1999 12.8156 19.2843 12.9656 19.4343C13.1156 19.5843 13.2 19.7878 13.2 19.9999V22.7999C13.2 23.9055 12.8083 24.7557 12.1785 25.4019C11.5595 26.0369 10.7281 26.4578 9.86758 26.7577L9.86445 26.7589C9.69324 26.8169 9.50747 26.8148 9.3375 26.7538C9.33517 26.753 9.3328 26.7523 9.33047 26.7515C9.32987 26.7512 9.32912 26.7513 9.32852 26.7511C8.46886 26.4533 7.63981 26.0339 7.02227 25.4015C6.39171 24.7556 6.00005 23.9054 6 22.7999V19.9999C6.00005 19.7878 6.08445 19.5843 6.23438 19.4343C6.3844 19.2843 6.58787 19.1999 6.8 19.1999C7.47052 19.1999 8.38062 18.7805 9.03281 18.2108L9.03633 18.2081C9.1935 18.0738 9.39329 17.9995 9.6 17.9995ZM9.6 18.7999C9.58381 18.7999 9.56817 18.8058 9.55586 18.8163L9.55547 18.8159C8.81573 19.4608 7.72799 19.9999 6.8 19.9999V22.7999C6.80004 23.6941 7.10828 24.3444 7.59453 24.8425C8.09177 25.3517 8.79347 25.72 9.59844 25.998C9.60133 25.9989 9.60455 25.9996 9.60742 26.0007C10.4094 25.7208 11.1091 25.3524 11.6055 24.8433C12.0916 24.3445 12.4 23.6941 12.4 22.7999V19.9999C11.4722 19.9999 10.3882 19.4652 9.64414 18.8159C9.63185 18.8055 9.61613 18.7999 9.6 18.7999Z" fill="#304DDF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.6 17.9995C9.80671 17.9995 10.0065 18.0738 10.1637 18.2081L10.1672 18.2108C10.823 18.7842 11.7292 19.1999 12.4 19.1999C12.6121 19.1999 12.8156 19.2843 12.9656 19.4343C13.1156 19.5843 13.2 19.7878 13.2 19.9999V22.7999C13.2 23.9055 12.8083 24.7557 12.1785 25.4019C11.5595 26.0369 10.7281 26.4578 9.86758 26.7577L9.86445 26.7589C9.69324 26.8169 9.50747 26.8148 9.3375 26.7538C9.33517 26.753 9.3328 26.7523 9.33047 26.7515C9.32987 26.7512 9.32912 26.7513 9.32852 26.7511C8.46886 26.4533 7.63981 26.0339 7.02227 25.4015C6.39171 24.7556 6.00005 23.9054 6 22.7999V19.9999C6.00005 19.7878 6.08445 19.5843 6.23438 19.4343C6.3844 19.2843 6.58787 19.1999 6.8 19.1999C7.47052 19.1999 8.38062 18.7805 9.03281 18.2108L9.03633 18.2081C9.1935 18.0738 9.39329 17.9995 9.6 17.9995ZM9.6 18.7999C9.58381 18.7999 9.56817 18.8058 9.55586 18.8163L9.55547 18.8159C8.81573 19.4608 7.72799 19.9999 6.8 19.9999V22.7999C6.80004 23.6941 7.10828 24.3444 7.59453 24.8425C8.09177 25.3517 8.79347 25.72 9.59844 25.998C9.60133 25.9989 9.60455 25.9996 9.60742 26.0007C10.4094 25.7208 11.1091 25.3524 11.6055 24.8433C12.0916 24.3445 12.4 23.6941 12.4 22.7999V19.9999C11.4722 19.9999 10.3882 19.4652 9.64414 18.8159C9.63185 18.8055 9.61613 18.7999 9.6 18.7999Z" fill="url(#paint11_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="File Info">
|
||||
<rect x="3.55001" y="16.35" width="12.1" height="12.1" rx="3.65" fill="#EDF0FF"/>
|
||||
<rect x="3.55001" y="16.35" width="12.1" height="12.1" rx="3.65" fill="url(#paint8_linear_9055_74518)" fill-opacity="0.15"/>
|
||||
<rect x="3.55001" y="16.35" width="12.1" height="12.1" rx="3.65" stroke="#C8D3FF" stroke-width="0.7"/>
|
||||
<rect x="3.55001" y="16.35" width="12.1" height="12.1" rx="3.65" stroke="url(#paint9_linear_9055_74518)" stroke-opacity="0.35" stroke-width="0.7"/>
|
||||
<g id="shield-check">
|
||||
<g id="v">
|
||||
<path d="M10.5172 21.3171C10.6734 21.1609 10.9266 21.1609 11.0828 21.3171C11.239 21.4733 11.239 21.7265 11.0828 21.8827L9.48281 23.4827C9.3266 23.6389 9.0734 23.6389 8.91719 23.4827L8.11719 22.6827C7.96098 22.5265 7.96098 22.2733 8.11719 22.1171C8.2734 21.9609 8.5266 21.9609 8.68281 22.1171L9.2 22.6343L10.5172 21.3171Z" fill="#304DDF"/>
|
||||
<path d="M10.5172 21.3171C10.6734 21.1609 10.9266 21.1609 11.0828 21.3171C11.239 21.4733 11.239 21.7265 11.0828 21.8827L9.48281 23.4827C9.3266 23.6389 9.0734 23.6389 8.91719 23.4827L8.11719 22.6827C7.96098 22.5265 7.96098 22.2733 8.11719 22.1171C8.2734 21.9609 8.5266 21.9609 8.68281 22.1171L9.2 22.6343L10.5172 21.3171Z" fill="url(#paint10_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.6 17.9995C9.80671 17.9995 10.0065 18.0738 10.1637 18.2081L10.1672 18.2108C10.823 18.7842 11.7292 19.1999 12.4 19.1999C12.6121 19.1999 12.8156 19.2843 12.9656 19.4343C13.1156 19.5843 13.2 19.7878 13.2 19.9999V22.7999C13.2 23.9055 12.8083 24.7557 12.1785 25.4019C11.5595 26.0369 10.7281 26.4578 9.86758 26.7577L9.86445 26.7589C9.69324 26.8169 9.50747 26.8148 9.3375 26.7538C9.33517 26.753 9.3328 26.7523 9.33047 26.7515C9.32987 26.7512 9.32912 26.7513 9.32852 26.7511C8.46886 26.4533 7.63981 26.0339 7.02227 25.4015C6.39171 24.7556 6.00005 23.9054 6 22.7999V19.9999C6.00005 19.7878 6.08445 19.5843 6.23438 19.4343C6.3844 19.2843 6.58787 19.1999 6.8 19.1999C7.47052 19.1999 8.38062 18.7805 9.03281 18.2108L9.03633 18.2081C9.1935 18.0738 9.39329 17.9995 9.6 17.9995ZM9.6 18.7999C9.58381 18.7999 9.56817 18.8058 9.55586 18.8163L9.55547 18.8159C8.81573 19.4608 7.72799 19.9999 6.8 19.9999V22.7999C6.80004 23.6941 7.10828 24.3444 7.59453 24.8425C8.09177 25.3517 8.79347 25.72 9.59844 25.998C9.60133 25.9989 9.60455 25.9996 9.60742 26.0007C10.4094 25.7208 11.1091 25.3524 11.6055 24.8433C12.0916 24.3445 12.4 23.6941 12.4 22.7999V19.9999C11.4722 19.9999 10.3882 19.4652 9.64414 18.8159C9.63185 18.8055 9.61613 18.7999 9.6 18.7999Z" fill="#304DDF"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.6 17.9995C9.80671 17.9995 10.0065 18.0738 10.1637 18.2081L10.1672 18.2108C10.823 18.7842 11.7292 19.1999 12.4 19.1999C12.6121 19.1999 12.8156 19.2843 12.9656 19.4343C13.1156 19.5843 13.2 19.7878 13.2 19.9999V22.7999C13.2 23.9055 12.8083 24.7557 12.1785 25.4019C11.5595 26.0369 10.7281 26.4578 9.86758 26.7577L9.86445 26.7589C9.69324 26.8169 9.50747 26.8148 9.3375 26.7538C9.33517 26.753 9.3328 26.7523 9.33047 26.7515C9.32987 26.7512 9.32912 26.7513 9.32852 26.7511C8.46886 26.4533 7.63981 26.0339 7.02227 25.4015C6.39171 24.7556 6.00005 23.9054 6 22.7999V19.9999C6.00005 19.7878 6.08445 19.5843 6.23438 19.4343C6.3844 19.2843 6.58787 19.1999 6.8 19.1999C7.47052 19.1999 8.38062 18.7805 9.03281 18.2108L9.03633 18.2081C9.1935 18.0738 9.39329 17.9995 9.6 17.9995ZM9.6 18.7999C9.58381 18.7999 9.56817 18.8058 9.55586 18.8163L9.55547 18.8159C8.81573 19.4608 7.72799 19.9999 6.8 19.9999V22.7999C6.80004 23.6941 7.10828 24.3444 7.59453 24.8425C8.09177 25.3517 8.79347 25.72 9.59844 25.998C9.60133 25.9989 9.60455 25.9996 9.60742 26.0007C10.4094 25.7208 11.1091 25.3524 11.6055 24.8433C12.0916 24.3445 12.4 23.6941 12.4 22.7999V19.9999C11.4722 19.9999 10.3882 19.4652 9.64414 18.8159C9.63185 18.8055 9.61613 18.7999 9.6 18.7999Z" fill="url(#paint11_linear_9055_74518)" fill-opacity="0.35"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<defs>
|
||||
<filter id="filter0_d_9055_74518" x="-3" y="-2" width="38" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||
<feOffset dy="1"/>
|
||||
<feGaussianBlur stdDeviation="1.5"/>
|
||||
<feComposite in2="hardAlpha" operator="out"/>
|
||||
<feColorMatrix type="matrix" values="0 0 0 0 0.0941176 0 0 0 0 0.105882 0 0 0 0 0.141176 0 0 0 0.05 0"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_9055_74518"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_9055_74518" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_9055_74518" x1="15.8996" y1="-7.2998" x2="15.9115" y2="13.1165" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_9055_74518" x1="16" y1="17.8313" x2="16" y2="26.5602" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_9055_74518" x1="16" y1="17.8313" x2="16" y2="26.5602" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_9055_74518" x1="16" y1="17.8313" x2="16" y2="26.5602" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_9055_74518" x1="16" y1="17.8313" x2="16" y2="26.5602" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_9055_74518" x1="16" y1="17.8313" x2="16" y2="26.5602" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_9055_74518" x1="16" y1="17.8313" x2="16" y2="26.5602" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint7_linear_9055_74518" x1="16" y1="16.0002" x2="15.9998" y2="28.8223" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint8_linear_9055_74518" x1="9.60001" y1="16.8" x2="9.59986" y2="28.8111" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint9_linear_9055_74518" x1="9.59986" y1="23.3931" x2="9.59986" y2="28.8111" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint10_linear_9055_74518" x1="9.6" y1="18.733" x2="9.6" y2="31.9352" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint11_linear_9055_74518" x1="9.6" y1="18.733" x2="9.6" y2="31.9352" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="white" stop-opacity="0"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_9055_74518">
|
||||
<rect x="6.40002" y="3.2002" width="19.2" height="25.6" rx="3.55556" fill="white"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 6.8 KiB After Width: | Height: | Size: 18 KiB |
+1
-2
@@ -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 = ({
|
||||
<EncryptedDocumentIcon
|
||||
aria-hidden="true"
|
||||
data-testid="doc-encryption-icon"
|
||||
color="var(--c--contextuals--content--semantic--info--tertiary)"
|
||||
/>
|
||||
) : isPinned ? (
|
||||
<PinnedDocumentIcon
|
||||
|
||||
Reference in New Issue
Block a user