eduvia/workavia-drive
11
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

💄 front: Adding icons to context menu on drive items (#50)

Browse Source
This commit is contained in:
Eric Doughty-Papassideris
2024-04-21 22:10:43 +02:00
committed by ericlinagora
parent ce1180d25d
commit 5755e72e42
1 changed files with 10 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tdrive/frontend/src/app/views/client/body/drive/context-menu.tsx
+10
View File
@@ -76,18 +76,21 @@ export const useOnBuildContextMenu = (children: DriveItem[], initialParentId?: s
const newMenuActions = [ const newMenuActions = [
{ {
type: 'menu', type: 'menu',
icon: 'document',
text: Languages.t('components.item_context_menu.preview'), text: Languages.t('components.item_context_menu.preview'),
hide: item.is_directory, hide: item.is_directory,
onClick: () => preview(item), onClick: () => preview(item),
}, },
{ {
type: 'menu', type: 'menu',
icon: 'share-alt',
text: Languages.t('components.item_context_menu.share'), text: Languages.t('components.item_context_menu.share'),
hide: access === 'read' || getPublicLinkToken() || inTrash, hide: access === 'read' || getPublicLinkToken() || inTrash,
onClick: () => setPublicLinkModalState({ open: true, id: item.id }), onClick: () => setPublicLinkModalState({ open: true, id: item.id }),
}, },
{ {
type: 'menu', type: 'menu',
icon: 'download-alt',
text: Languages.t('components.item_context_menu.download'), text: Languages.t('components.item_context_menu.download'),
onClick: () => { onClick: () => {
if (item.is_directory) { if (item.is_directory) {
@@ -101,6 +104,7 @@ export const useOnBuildContextMenu = (children: DriveItem[], initialParentId?: s
{ type: 'separator' }, { type: 'separator' },
{ {
type: 'menu', type: 'menu',
icon: 'eye',
text: Languages.t('components.item_context_menu.open_new_window'), text: Languages.t('components.item_context_menu.open_new_window'),
onClick: () => { onClick: () => {
const itemId = !item.is_directory ? item.id : ""; const itemId = !item.is_directory ? item.id : "";
@@ -112,12 +116,14 @@ export const useOnBuildContextMenu = (children: DriveItem[], initialParentId?: s
{ type: 'separator' }, { type: 'separator' },
{ {
type: 'menu', type: 'menu',
icon: 'users-alt',
text: Languages.t('components.item_context_menu.manage_access'), text: Languages.t('components.item_context_menu.manage_access'),
hide: access === 'read' || getPublicLinkToken() || inTrash, hide: access === 'read' || getPublicLinkToken() || inTrash,
onClick: () => setAccessModalState({ open: true, id: item.id }), onClick: () => setAccessModalState({ open: true, id: item.id }),
}, },
{ {
type: 'menu', type: 'menu',
icon: 'folder-question',
text: Languages.t('components.item_context_menu.move'), text: Languages.t('components.item_context_menu.move'),
hide: access === 'read' || inTrash, hide: access === 'read' || inTrash,
onClick: () => onClick: () =>
@@ -141,12 +147,14 @@ export const useOnBuildContextMenu = (children: DriveItem[], initialParentId?: s
}, },
{ {
type: 'menu', type: 'menu',
icon: 'file-edit-alt',
text: Languages.t('components.item_context_menu.rename'), text: Languages.t('components.item_context_menu.rename'),
hide: access === 'read' || inTrash, hide: access === 'read' || inTrash,
onClick: () => setPropertiesModalState({ open: true, id: item.id }), onClick: () => setPropertiesModalState({ open: true, id: item.id }),
}, },
{ {
type: 'menu', type: 'menu',
icon: 'link',
text: Languages.t('components.item_context_menu.copy_link'), text: Languages.t('components.item_context_menu.copy_link'),
hide: !item.access_info.public?.level || item.access_info.public?.level === 'none' || inTrash, hide: !item.access_info.public?.level || item.access_info.public?.level === 'none' || inTrash,
onClick: () => { onClick: () => {
@@ -158,6 +166,7 @@ export const useOnBuildContextMenu = (children: DriveItem[], initialParentId?: s
}, },
{ {
type: 'menu', type: 'menu',
icon: 'history',
text: Languages.t('components.item_context_menu.versions'), text: Languages.t('components.item_context_menu.versions'),
hide: item.is_directory || inTrash, hide: item.is_directory || inTrash,
onClick: () => setVersionModal({ open: true, id: item.id }), onClick: () => setVersionModal({ open: true, id: item.id }),
@@ -165,6 +174,7 @@ export const useOnBuildContextMenu = (children: DriveItem[], initialParentId?: s
{ type: 'separator', hide: access !== 'manage' || inTrash, }, { type: 'separator', hide: access !== 'manage' || inTrash, },
{ {
type: 'menu', type: 'menu',
icon: 'trash',
text: Languages.t('components.item_context_menu.move_to_trash'), text: Languages.t('components.item_context_menu.move_to_trash'),
className: 'error', className: 'error',
hide: inTrash || access !== 'manage', hide: inTrash || access !== 'manage',