mirror of
https://github.com/suitenumerique/docs.git
synced 2026-08-17 21:25:43 +02:00
🚚(frontend) add doc move to doc options
In order to harmonize the doc options, we are adding the "Move to my docs" and "Move into a doc" options to the doc options menu. This allows users to move documents directly from the options menu, providing a more streamlined experience.
This commit is contained in:
Anthony LC
@@ -16,6 +16,7 @@ and this project adheres to
|
||||
|
||||
- ♿️(frontend) use semantic `<dl>` structure in document info card #2379
|
||||
- 🚸(frontend) print from document options menu #2550
|
||||
- 🚚(frontend) add doc move to doc options #2555
|
||||
|
||||
### Fixed
|
||||
|
||||
|
||||
@@ -1,6 +1,18 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M16.8867 1.69141C17.9088 1.69141 18.6806 1.95795 19.2012 2.49121C19.7218 3.01815 19.9824 3.7933 19.9824 4.81543V19.1855C19.9823 20.2138 19.7217 20.9917 19.2012 21.5186C18.6806 22.0454 17.9088 22.3086 16.8867 22.3086H7.93457C7.4167 22.3086 6.99636 21.8889 6.99609 21.3711C6.99609 20.8531 7.41653 20.4326 7.93457 20.4326H16.7344C17.1978 20.4326 17.5439 20.315 17.7725 20.0801C18.001 19.8452 18.1152 19.5084 18.1152 19.0703V4.93848C18.1152 4.49422 18.001 4.15477 17.7725 3.91992C17.5439 3.6787 17.1978 3.55762 16.7344 3.55762H6.90723C6.4438 3.55762 6.09769 3.67869 5.86914 3.91992C5.64064 4.15477 5.52642 4.49422 5.52637 4.93848V9.73242C5.5261 10.2501 5.10652 10.6697 4.58887 10.6699C4.07083 10.6699 3.65039 10.2495 3.65039 9.73145V4.81543C3.65039 3.79336 3.91014 3.01814 4.43066 2.49121C4.95125 1.95793 5.72299 1.69141 6.74512 1.69141H16.8867Z" fill="#222631"/>
|
||||
<path d="M4.09082 12.4756C4.30613 12.4756 4.49156 12.5439 4.63965 12.6846L4.64258 12.6885C4.78384 12.8372 4.85254 13.0262 4.85254 13.2471C4.85248 13.3566 4.8307 13.4628 4.78711 13.5645C4.74296 13.6674 4.67671 13.7559 4.58984 13.8291L3.81738 14.5918L3.23926 15.1553L4.43457 15.0986H9.29004C9.52184 15.0987 9.72018 15.1836 9.87988 15.3506L9.88184 15.3516C10.0387 15.5227 10.1191 15.7226 10.1191 15.9473C10.1191 16.1778 10.0387 16.3789 9.87988 16.5449C9.7202 16.7118 9.52178 16.7968 9.29004 16.7969H4.43945L3.23926 16.7402L3.81738 17.3037L4.58984 18.0664C4.67665 18.1396 4.74299 18.2281 4.78711 18.3311C4.83067 18.4328 4.85251 18.5389 4.85254 18.6484C4.85254 18.8693 4.78386 19.0583 4.64258 19.207L4.64062 19.209C4.49289 19.3565 4.30742 19.4297 4.09082 19.4297C3.9692 19.4297 3.85755 19.405 3.75879 19.3525C3.66324 19.308 3.57654 19.2418 3.49902 19.1572L1.12695 16.582L1.125 16.5811C1.03182 16.4746 0.961899 16.3704 0.917969 16.2695C0.866165 16.1718 0.84082 16.0633 0.84082 15.9473C0.840872 15.831 0.865885 15.7229 0.917969 15.625C0.961864 15.5308 1.03222 15.4303 1.125 15.3242L3.49902 12.7383C3.57722 12.653 3.66419 12.5866 3.76074 12.542C3.85906 12.4966 3.97004 12.4756 4.09082 12.4756Z" fill="#222631"/>
|
||||
<path d="M11.7158 9.5293C11.8872 9.5293 12.0303 9.58595 12.1445 9.7002C12.2588 9.81445 12.3164 9.95412 12.3164 10.1191C12.3164 10.2906 12.2588 10.437 12.1445 10.5576C12.0303 10.6718 11.8871 10.7285 11.7158 10.7285H8.33496C8.15751 10.7284 8.01161 10.6717 7.89746 10.5576C7.78319 10.437 7.72559 10.2906 7.72559 10.1191C7.72561 9.95412 7.78321 9.81445 7.89746 9.7002C8.01163 9.58606 8.15744 9.5294 8.33496 9.5293H11.7158Z" fill="#222631"/>
|
||||
<path d="M15.3066 6.27246C15.4778 6.27256 15.6202 6.32931 15.7344 6.44336C15.8486 6.55763 15.9062 6.70066 15.9062 6.87207C15.9062 7.03708 15.8486 7.18019 15.7344 7.30078C15.6203 7.42107 15.4777 7.48134 15.3066 7.48145H8.33496C8.15751 7.48134 8.01161 7.42116 7.89746 7.30078C7.78322 7.18019 7.72562 7.03708 7.72559 6.87207C7.72559 6.70066 7.78319 6.55763 7.89746 6.44336C8.01163 6.32923 8.15744 6.27256 8.33496 6.27246H15.3066Z" fill="#222631"/>
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M16.8867 1.69141C17.9088 1.69141 18.6806 1.95795 19.2012 2.49121C19.7218 3.01815 19.9824 3.7933 19.9824 4.81543V19.1855C19.9823 20.2138 19.7217 20.9917 19.2012 21.5186C18.6806 22.0454 17.9088 22.3086 16.8867 22.3086H7.93457C7.4167 22.3086 6.99636 21.8889 6.99609 21.3711C6.99609 20.8531 7.41653 20.4326 7.93457 20.4326H16.7344C17.1978 20.4326 17.5439 20.315 17.7725 20.0801C18.001 19.8452 18.1152 19.5084 18.1152 19.0703V4.93848C18.1152 4.49422 18.001 4.15477 17.7725 3.91992C17.5439 3.6787 17.1978 3.55762 16.7344 3.55762H6.90723C6.4438 3.55762 6.09769 3.67869 5.86914 3.91992C5.64064 4.15477 5.52642 4.49422 5.52637 4.93848V9.73242C5.5261 10.2501 5.10652 10.6697 4.58887 10.6699C4.07083 10.6699 3.65039 10.2495 3.65039 9.73145V4.81543C3.65039 3.79336 3.91014 3.01814 4.43066 2.49121C4.95125 1.95793 5.72299 1.69141 6.74512 1.69141H16.8867Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M4.09082 12.4756C4.30613 12.4756 4.49156 12.5439 4.63965 12.6846L4.64258 12.6885C4.78384 12.8372 4.85254 13.0262 4.85254 13.2471C4.85248 13.3566 4.8307 13.4628 4.78711 13.5645C4.74296 13.6674 4.67671 13.7559 4.58984 13.8291L3.81738 14.5918L3.23926 15.1553L4.43457 15.0986H9.29004C9.52184 15.0987 9.72018 15.1836 9.87988 15.3506L9.88184 15.3516C10.0387 15.5227 10.1191 15.7226 10.1191 15.9473C10.1191 16.1778 10.0387 16.3789 9.87988 16.5449C9.7202 16.7118 9.52178 16.7968 9.29004 16.7969H4.43945L3.23926 16.7402L3.81738 17.3037L4.58984 18.0664C4.67665 18.1396 4.74299 18.2281 4.78711 18.3311C4.83067 18.4328 4.85251 18.5389 4.85254 18.6484C4.85254 18.8693 4.78386 19.0583 4.64258 19.207L4.64062 19.209C4.49289 19.3565 4.30742 19.4297 4.09082 19.4297C3.9692 19.4297 3.85755 19.405 3.75879 19.3525C3.66324 19.308 3.57654 19.2418 3.49902 19.1572L1.12695 16.582L1.125 16.5811C1.03182 16.4746 0.961899 16.3704 0.917969 16.2695C0.866165 16.1718 0.84082 16.0633 0.84082 15.9473C0.840872 15.831 0.865885 15.7229 0.917969 15.625C0.961864 15.5308 1.03222 15.4303 1.125 15.3242L3.49902 12.7383C3.57722 12.653 3.66419 12.5866 3.76074 12.542C3.85906 12.4966 3.97004 12.4756 4.09082 12.4756Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M11.7158 9.5293C11.8872 9.5293 12.0303 9.58595 12.1445 9.7002C12.2588 9.81445 12.3164 9.95412 12.3164 10.1191C12.3164 10.2906 12.2588 10.437 12.1445 10.5576C12.0303 10.6718 11.8871 10.7285 11.7158 10.7285H8.33496C8.15751 10.7284 8.01161 10.6717 7.89746 10.5576C7.78319 10.437 7.72559 10.2906 7.72559 10.1191C7.72561 9.95412 7.78321 9.81445 7.89746 9.7002C8.01163 9.58606 8.15744 9.5294 8.33496 9.5293H11.7158Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
<path
|
||||
d="M15.3066 6.27246C15.4778 6.27256 15.6202 6.32931 15.7344 6.44336C15.8486 6.55763 15.9062 6.70066 15.9062 6.87207C15.9062 7.03708 15.8486 7.18019 15.7344 7.30078C15.6203 7.42107 15.4777 7.48134 15.3066 7.48145H8.33496C8.15751 7.48134 8.01161 7.42116 7.89746 7.30078C7.78322 7.18019 7.72562 7.03708 7.72559 6.87207C7.72559 6.70066 7.78319 6.55763 7.89746 6.44336C8.01163 6.32923 8.15744 6.27256 8.33496 6.27246H15.3066Z"
|
||||
fill="currentColor"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
@@ -2,7 +2,9 @@ import { TreeViewMoveModeEnum } from '@gouvfr-lasuite/ui-kit';
|
||||
import { useMutation, useQueryClient } from '@tanstack/react-query';
|
||||
|
||||
import { APIError, errorCauses, fetchAPI } from '@/api';
|
||||
import { KEY_DOC_TREE } from '@/docs/doc-tree/api/useDocTree';
|
||||
|
||||
import { KEY_DOC } from './useDoc';
|
||||
import { KEY_LIST_DOC } from './useDocs';
|
||||
|
||||
export type MoveDocParam = {
|
||||
@@ -37,9 +39,9 @@ export function useMoveDoc() {
|
||||
return useMutation<void, APIError, MoveDocParam>({
|
||||
mutationFn: moveDoc,
|
||||
onSuccess() {
|
||||
void queryClient.invalidateQueries({
|
||||
queryKey: [KEY_LIST_DOC],
|
||||
});
|
||||
void queryClient.invalidateQueries({ queryKey: [KEY_LIST_DOC] });
|
||||
void queryClient.invalidateQueries({ queryKey: [KEY_DOC] });
|
||||
void queryClient.invalidateQueries({ queryKey: [KEY_DOC_TREE] });
|
||||
},
|
||||
});
|
||||
}
|
||||
|
||||
+8
-6
@@ -17,10 +17,12 @@ import { Box, ButtonCloseModal, Text } from '@/components';
|
||||
import { QuickSearch } from '@/components/quick-search';
|
||||
import { Doc, useMoveDoc, useTrans } from '@/docs/doc-management';
|
||||
import { DocSearchContent } from '@/docs/doc-search';
|
||||
import {
|
||||
DocsGridItemDate,
|
||||
DocsGridItemTitle,
|
||||
} from '@/docs/docs-grid/components/DocsGridItem';
|
||||
import { useResponsiveStore } from '@/stores';
|
||||
|
||||
import { DocsGridItemDate, DocsGridItemTitle } from './DocsGridItem';
|
||||
|
||||
const AlertModalRequestAccess = dynamic(
|
||||
() =>
|
||||
import('@/docs/doc-share/components/AlertModalRequestAccess').then(
|
||||
@@ -83,12 +85,14 @@ type DocMoveModalGlobalProps = {
|
||||
doc: Doc;
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
onAfterMove?: () => void;
|
||||
};
|
||||
|
||||
export const DocMoveModal = ({
|
||||
doc,
|
||||
isOpen,
|
||||
onClose,
|
||||
onAfterMove,
|
||||
}: DocMoveModalGlobalProps) => {
|
||||
const { t } = useTranslation();
|
||||
const [loading, setLoading] = useState(false);
|
||||
@@ -120,10 +124,8 @@ export const DocMoveModal = ({
|
||||
position: TreeViewMoveModeEnum.FIRST_CHILD,
|
||||
})
|
||||
.then(() => {
|
||||
toast(
|
||||
t(`The document has been moved successfully.`),
|
||||
VariantType.SUCCESS,
|
||||
);
|
||||
onClose();
|
||||
onAfterMove?.();
|
||||
})
|
||||
.catch(() => {
|
||||
toast(
|
||||
+54
-3
@@ -21,11 +21,15 @@ import MoreSVG from '@/assets/icons/ui-kit/more_horiz.svg';
|
||||
import PrintIcon from '@/assets/icons/ui-kit/print.svg';
|
||||
import SharedIcon from '@/assets/icons/ui-kit/shared.svg';
|
||||
import DeleteIcon from '@/assets/icons/ui-kit/trash.svg';
|
||||
import { printDocumentWithStyles } from '@/docs/doc-export/utils_print';
|
||||
import { DocMoveModal } from '@/docs/doc-management/components/DocMoveModal';
|
||||
import { usePresenterStore } from '@/docs/doc-presenter/stores';
|
||||
import { useDetachDoc } from '@/docs/doc-tree/api/useDetach';
|
||||
import { useAuth } from '@/features/auth';
|
||||
import DocMoveInIcon from '@/icons/doc-move-in.svg';
|
||||
import DocMoveOutIcon from '@/icons/doc-move-out.svg';
|
||||
import { useFocusStore, useResponsiveStore } from '@/stores';
|
||||
|
||||
import { printDocumentWithStyles } from '../../doc-export/utils_print';
|
||||
import {
|
||||
KEY_DOC,
|
||||
KEY_LIST_DOC,
|
||||
@@ -35,7 +39,7 @@ import {
|
||||
useDuplicateDoc,
|
||||
} from '../api';
|
||||
import { useCopyDocLink } from '../hooks';
|
||||
import { Doc } from '../types';
|
||||
import { Doc, Role } from '../types';
|
||||
|
||||
const ModalRemoveDoc = dynamic(
|
||||
() =>
|
||||
@@ -88,7 +92,7 @@ interface DocToolBoxProps {
|
||||
|
||||
export const DocToolBox = ({ doc }: DocToolBoxProps) => {
|
||||
const { t } = useTranslation();
|
||||
const treeContext = useTreeContext<Doc>();
|
||||
const treeContext = useTreeContext<Doc | null>();
|
||||
const router = useRouter();
|
||||
const isTopParent = doc.id === treeContext?.root?.id; // it can be a child but not for the current user
|
||||
const { authenticated } = useAuth();
|
||||
@@ -98,6 +102,8 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
|
||||
const [isModalShareOpen, setIsModalShareOpen] = useState(false);
|
||||
const [isModalHistoryOpen, setIsModalHistoryOpen] = useState(false);
|
||||
const [isModalLeaveOpen, setIsModalLeaveOpen] = useState(false);
|
||||
const [isModalMoveOpen, setIsModalMoveOpen] = useState(false);
|
||||
const { mutate: detachDoc } = useDetachDoc();
|
||||
|
||||
const { restoreFocus, addLastFocus } = useFocusStore();
|
||||
const { isMobile } = useResponsiveStore();
|
||||
@@ -198,6 +204,40 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
|
||||
},
|
||||
isHidden: !doc.abilities.duplicate,
|
||||
},
|
||||
{
|
||||
label: t('Move to my docs'),
|
||||
isHidden: isTopParent || doc.user_role !== Role.OWNER,
|
||||
icon: <DocMoveOutIcon width={18} height={18} aria-hidden="true" />,
|
||||
callback: () => {
|
||||
if (!treeContext?.root) {
|
||||
return;
|
||||
}
|
||||
|
||||
detachDoc(
|
||||
{ documentId: doc.id, rootId: treeContext.root.id },
|
||||
{
|
||||
onSuccess: () => {
|
||||
if (treeContext.root) {
|
||||
treeContext.treeData.setSelectedNode(treeContext.root);
|
||||
void router.push(`/docs/${treeContext.root.id}`).then(() => {
|
||||
setTimeout(() => {
|
||||
treeContext?.treeData.deleteNode(doc.id);
|
||||
}, 100);
|
||||
});
|
||||
}
|
||||
},
|
||||
},
|
||||
);
|
||||
},
|
||||
},
|
||||
{
|
||||
label: t('Move into a doc'),
|
||||
icon: <DocMoveInIcon width={18} height={18} aria-hidden="true" />,
|
||||
callback: () => {
|
||||
setIsModalMoveOpen(true);
|
||||
},
|
||||
isHidden: !doc.abilities.move,
|
||||
},
|
||||
{ type: 'separator' },
|
||||
{
|
||||
label: t('History', {
|
||||
@@ -322,6 +362,17 @@ export const DocToolBox = ({ doc }: DocToolBoxProps) => {
|
||||
doc={doc}
|
||||
/>
|
||||
)}
|
||||
{isModalMoveOpen && (
|
||||
<DocMoveModal
|
||||
doc={doc}
|
||||
onClose={() => {
|
||||
setIsModalMoveOpen(false);
|
||||
restoreFocus();
|
||||
}}
|
||||
isOpen={isModalMoveOpen}
|
||||
onAfterMove={() => treeContext?.setRoot(null)}
|
||||
/>
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
@@ -1,10 +0,0 @@
|
||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<g id="doc-extract-bold">
|
||||
<g id="v">
|
||||
<path d="M6.55506 1.00488C5.47953 1.00488 4.65315 1.27911 4.09474 1.84468C3.54378 2.40996 3.27635 3.243 3.27635 4.32461V9.32492C3.27635 9.80842 3.66829 10.2004 4.15179 10.2004C4.63528 10.2004 5.02723 9.80841 5.02723 9.32492V4.35537C5.02723 3.84268 5.16053 3.44961 5.42713 3.17617C5.70057 2.8959 6.10389 2.75576 6.63709 2.75576H17.3627C17.8959 2.75576 18.2958 2.8959 18.5624 3.17617C18.8358 3.44961 18.9725 3.84268 18.9725 4.35537V19.849C18.9725 20.3617 18.8358 20.7548 18.5624 21.0282C18.2958 21.3017 17.8959 21.4384 17.3627 21.4384H6.15179C5.66829 21.4384 5.27635 21.8303 5.27635 22.3138C5.27635 22.7973 5.66829 23.1893 6.15179 23.1893H17.4447C18.5196 23.1893 19.3427 22.9188 19.8945 22.36C20.4531 21.8013 20.7234 20.9681 20.7234 19.8798V4.32461C20.7234 3.24283 20.4529 2.41014 19.895 1.84491C19.3433 1.27899 18.52 1.00488 17.4447 1.00488H6.55506Z" fill="#3A3A3A"/>
|
||||
<path d="M7.57952 6.92596C7.44484 6.78335 7.37791 6.60799 7.37791 6.40613C7.37791 6.20426 7.44493 6.03109 7.58152 5.8945C7.72454 5.75147 7.90435 5.68064 8.11365 5.68064H15.8964C16.0991 5.68064 16.2722 5.75171 16.408 5.89447C16.5508 6.03032 16.6219 6.20341 16.6219 6.40613C16.6219 6.60927 16.5506 6.78494 16.409 6.92701C16.273 7.07046 16.0996 7.14187 15.8964 7.14187H8.11365C7.90435 7.14187 7.72454 7.07104 7.58152 6.92801L7.57952 6.92596Z" fill="#3A3A3A"/>
|
||||
<path d="M7.57952 10.5046C7.44484 10.362 7.37791 10.1866 7.37791 9.98474C7.37791 9.78287 7.44493 9.6097 7.58152 9.47311C7.72454 9.33009 7.90435 9.25925 8.11365 9.25925H12.8964C13.0991 9.25925 13.2722 9.33033 13.408 9.47309C13.5508 9.60894 13.6219 9.78203 13.6219 9.98474C13.6219 10.1879 13.5506 10.3635 13.409 10.5056C13.273 10.6491 13.0996 10.7205 12.8964 10.7205H8.11365C7.90435 10.7205 7.72454 10.6497 7.58152 10.5066L7.57952 10.5046Z" fill="#3A3A3A"/>
|
||||
<path d="M9.00585 15.2969C9.25312 15.2969 9.46502 15.3871 9.63536 15.5651L9.63681 15.5667C9.80413 15.7492 9.89012 15.9622 9.89012 16.2018C9.89012 16.4476 9.80462 16.6615 9.63536 16.8385C9.46502 17.0166 9.25312 17.1067 9.00585 17.1067L3.8356 17.1068L2.55652 17.0467L3.17319 17.6476L3.99584 18.46C4.08854 18.538 4.15905 18.6324 4.20614 18.7423C4.25266 18.8508 4.27614 18.964 4.27614 19.0809C4.27614 19.3164 4.20319 19.5176 4.05259 19.6761L4.05078 19.6779C3.89321 19.8355 3.69523 19.9136 3.4641 19.9136C3.33425 19.9136 3.21525 19.887 3.10984 19.8309C3.00798 19.7833 2.91578 19.7133 2.83314 19.6232L0.305043 16.8784L0.303364 16.8765C0.203911 16.7628 0.128885 16.6522 0.0820713 16.5445C0.0268526 16.4404 0 16.3254 0 16.2018C0 16.0777 0.0270643 15.9624 0.0827236 15.8579C0.129533 15.7575 0.204382 15.6505 0.303343 15.5374L2.83314 12.7805C2.91656 12.6895 3.00961 12.619 3.11262 12.5715C3.21742 12.5231 3.33536 12.5004 3.4641 12.5004C3.69367 12.5004 3.89115 12.5739 4.04904 12.7238L4.05257 12.7276C4.20317 12.8861 4.27614 13.0873 4.27614 13.3227C4.27614 13.4397 4.25266 13.5528 4.20614 13.6614C4.15905 13.7713 4.08854 13.8656 3.99583 13.9437L3.17271 14.7565L2.55652 15.3569L3.8309 15.2969H9.00585Z" fill="#3A3A3A"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -11,7 +11,7 @@ import { useEffect, useRef, useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { css } from 'styled-components';
|
||||
|
||||
import { Box, Icon, StyledLink, Text } from '@/components';
|
||||
import { Box, StyledLink, Text } from '@/components';
|
||||
import {
|
||||
Doc,
|
||||
DocIcon,
|
||||
@@ -294,14 +294,6 @@ const DocSubPageItemContent = (props: TreeViewNodeProps<Doc>) => {
|
||||
<Text $css={ItemTextCss} $size="sm">
|
||||
{displayTitle}
|
||||
</Text>
|
||||
{doc.nb_accesses_direct >= 1 && (
|
||||
<Icon
|
||||
variant="filled"
|
||||
iconName="group"
|
||||
$size="md"
|
||||
aria-label={t('Shared with others')}
|
||||
/>
|
||||
)}
|
||||
</Box>
|
||||
<Box
|
||||
$direction="row"
|
||||
|
||||
+7
-8
@@ -27,9 +27,9 @@ import {
|
||||
useDocTitleUpdate,
|
||||
} from '@/docs/doc-management';
|
||||
import { useDuplicateDoc } from '@/docs/doc-management/api';
|
||||
import DocMoveOutIcon from '@/icons/doc-move-out.svg';
|
||||
|
||||
import { useDetachDoc } from '../api/useDetach';
|
||||
import MoveDocIcon from '../assets/doc-extract-bold.svg';
|
||||
|
||||
type DocTreeItemActionsProps = {
|
||||
doc: Doc;
|
||||
@@ -124,13 +124,12 @@ export const DocTreeItemActions = ({
|
||||
label: t('Move to my docs'),
|
||||
isDisabled: doc.user_role !== Role.OWNER,
|
||||
icon: (
|
||||
<Box
|
||||
$css={css`
|
||||
transform: scale(0.8);
|
||||
`}
|
||||
>
|
||||
<MoveDocIcon />
|
||||
</Box>
|
||||
<DocMoveOutIcon
|
||||
width={24}
|
||||
height={24}
|
||||
aria-hidden="true"
|
||||
color="var(--c--contextuals--content--semantic--neutral--primary)"
|
||||
/>
|
||||
),
|
||||
callback: handleDetachDoc,
|
||||
},
|
||||
|
||||
+5
-3
@@ -23,9 +23,11 @@ import { Droppable } from './Droppable';
|
||||
|
||||
const ModalConfirmationMoveDoc = dynamic(
|
||||
() =>
|
||||
import('./ModalConfimationMoveDoc').then((mod) => ({
|
||||
default: mod.ModalConfirmationMoveDoc,
|
||||
})),
|
||||
import('@/docs/doc-management/components/ModalConfimationMoveDoc').then(
|
||||
(mod) => ({
|
||||
default: mod.ModalConfirmationMoveDoc,
|
||||
}),
|
||||
),
|
||||
{ ssr: false },
|
||||
);
|
||||
|
||||
|
||||
+2
-3
@@ -13,7 +13,7 @@ import KeepOffSVG from '@/assets/icons/ui-kit/keep_off.svg';
|
||||
import LeaveSVG from '@/assets/icons/ui-kit/leave.svg';
|
||||
import MoreSVG from '@/assets/icons/ui-kit/more_horiz.svg';
|
||||
import {
|
||||
Doc,
|
||||
type Doc,
|
||||
KEY_LIST_DOC,
|
||||
KEY_LIST_FAVORITE_DOC,
|
||||
useCreateFavoriteDoc,
|
||||
@@ -21,11 +21,10 @@ import {
|
||||
useDuplicateDoc,
|
||||
useTrans,
|
||||
} from '@/docs/doc-management';
|
||||
import { DocMoveModal } from '@/docs/doc-management/components/DocMoveModal';
|
||||
import { focusMainContentStart } from '@/layouts/utils';
|
||||
import { useFocusStore } from '@/stores';
|
||||
|
||||
import { DocMoveModal } from './DocMoveModal';
|
||||
|
||||
const DocShareModal = dynamic(
|
||||
() =>
|
||||
import('@/docs/doc-share/components/DocShareModal').then((mod) => ({
|
||||
|
||||
Reference in New Issue
Block a user