diff --git a/public/icons/arrowdownleft.svg b/public/icons/arrowdownleft.svg new file mode 100644 index 00000000..d3242304 --- /dev/null +++ b/public/icons/arrowdownleft.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/bag.svg b/public/icons/bag.svg new file mode 100644 index 00000000..37341fd1 --- /dev/null +++ b/public/icons/bag.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/chat.svg b/public/icons/chat.svg new file mode 100644 index 00000000..fcfd38c7 --- /dev/null +++ b/public/icons/chat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/chatdots.svg b/public/icons/chatdots.svg new file mode 100644 index 00000000..2a7e26c5 --- /dev/null +++ b/public/icons/chatdots.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/chatslash.svg b/public/icons/chatslash.svg new file mode 100644 index 00000000..396c1895 --- /dev/null +++ b/public/icons/chatslash.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/cloudcheck.svg b/public/icons/cloudcheck.svg new file mode 100644 index 00000000..237019fa --- /dev/null +++ b/public/icons/cloudcheck.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/clouddownload.svg b/public/icons/clouddownload.svg new file mode 100644 index 00000000..4d139010 --- /dev/null +++ b/public/icons/clouddownload.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/clouderror.svg b/public/icons/clouderror.svg new file mode 100644 index 00000000..f9900fcc --- /dev/null +++ b/public/icons/clouderror.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/cloudslash.svg b/public/icons/cloudslash.svg new file mode 100644 index 00000000..dfacefe1 --- /dev/null +++ b/public/icons/cloudslash.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/cloudupload.svg b/public/icons/cloudupload.svg new file mode 100644 index 00000000..36e65429 --- /dev/null +++ b/public/icons/cloudupload.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/cloudwarning.svg b/public/icons/cloudwarning.svg new file mode 100644 index 00000000..3b534f88 --- /dev/null +++ b/public/icons/cloudwarning.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/folder.svg b/public/icons/folder.svg new file mode 100644 index 00000000..040fa8bd --- /dev/null +++ b/public/icons/folder.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/folderlock.svg b/public/icons/folderlock.svg new file mode 100644 index 00000000..b6d93b90 --- /dev/null +++ b/public/icons/folderlock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/folderuser.svg b/public/icons/folderuser.svg new file mode 100644 index 00000000..4f07ab76 --- /dev/null +++ b/public/icons/folderuser.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/icons/store.svg b/public/icons/store.svg new file mode 100644 index 00000000..038b721b --- /dev/null +++ b/public/icons/store.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/pods/context-menu/components/commands.component.tsx b/src/pods/context-menu/components/commands.component.tsx index 723b2a4c..231bb35b 100644 --- a/src/pods/context-menu/components/commands.component.tsx +++ b/src/pods/context-menu/components/commands.component.tsx @@ -1,7 +1,9 @@ +import { ZIndexOptions } from '@/pods/properties/components'; import classes from './commands.component.module.css'; import { CopyCommand } from './copy-command/copy-command.component'; import { DeleteCommand } from './delete-command/delete-command.component'; import { PasteCommand } from './paste-command/paste-command.component'; +import { useCanvasContext } from '@/core/providers'; interface CommandsProps { setShowContextMenu: (show: boolean) => void; @@ -9,11 +11,13 @@ interface CommandsProps { export const Commands: React.FC = props => { const { setShowContextMenu } = props; + const { selectionInfo } = useCanvasContext(); return (
-

Commands

+

Options

+ diff --git a/src/pods/context-menu/use-context-menu.hook.tsx b/src/pods/context-menu/use-context-menu.hook.tsx index 53879b61..d2c53fbb 100644 --- a/src/pods/context-menu/use-context-menu.hook.tsx +++ b/src/pods/context-menu/use-context-menu.hook.tsx @@ -1,7 +1,6 @@ import { useCanvasContext } from '@/core/providers'; import { useEffect, useState } from 'react'; import classes from './use-context-menu.hook.module.css'; -import { PropertiesPod } from '../properties'; import { Commands } from './components/commands.component'; interface ContextMenuProps { @@ -58,7 +57,6 @@ export const ContextMenu: React.FC = ({ dropRef }) => { }} className={classes.contextMenu} > -
)} diff --git a/src/pods/properties/components/icon-selector/modal/icons.ts b/src/pods/properties/components/icon-selector/modal/icons.ts index 8f8df0e3..c0d3c0a5 100644 --- a/src/pods/properties/components/icon-selector/modal/icons.ts +++ b/src/pods/properties/components/icon-selector/modal/icons.ts @@ -1148,4 +1148,94 @@ export const iconCollection: IconInfo[] = [ searchTerms: ['network', 'connectivity', 'connect', 'linked'], categories: ['IT'], }, + { + name: 'Folder', + filename: 'folder.svg', + searchTerms: ['folder', 'directory', 'binder', 'portfolio'], + categories: ['IT'], + }, + { + name: 'Folder User', + filename: 'folderuser.svg', + searchTerms: ['folder', 'directory', 'binder', 'portfolio', 'user'], + categories: ['IT'], + }, + { + name: 'Folder lock', + filename: 'folderlock.svg', + searchTerms: ['folder', 'directory', 'binder', 'portfolio', 'lock'], + categories: ['IT'], + }, + { + name: 'Bag', + filename: 'bag.svg', + searchTerms: ['bag', 'shopping', 'purchase', 'buy'], + categories: ['Ecommerce'], + }, + { + name: 'Shop', + filename: 'store.svg', + searchTerms: ['store', 'shop', 'buy', 'purchase'], + categories: ['Ecommerce'], + }, + { + name: 'Chat dots', + filename: 'chatdots.svg', + searchTerms: ['chat', 'message', 'conversation', 'chatting'], + categories: ['IT'], + }, + { + name: 'Chat', + filename: 'chat.svg', + searchTerms: ['chat', 'message', 'conversation', 'chatting'], + categories: ['IT'], + }, + { + name: 'Chat slash', + filename: 'chatslash.svg', + searchTerms: ['chat', 'message', 'conversation', 'chatting', 'mute'], + categories: ['IT'], + }, + { + name: 'Cloud download', + filename: 'clouddownload.svg', + searchTerms: ['cloud', 'download', 'transfer', 'unload'], + categories: ['IT'], + }, + { + name: 'Cloud upload', + filename: 'cloudupload.svg', + searchTerms: ['cloud', 'upload', 'transfer', 'load'], + categories: ['IT'], + }, + { + name: 'Cloud check', + filename: 'cloudcheck.svg', + searchTerms: ['cloud', 'check', 'validate', 'confirmation'], + categories: ['IT'], + }, + { + name: 'Cloud slash', + filename: 'cloudslash.svg', + searchTerms: ['cloud', 'slash', 'disconnected', 'lost conection'], + categories: ['IT'], + }, + { + name: 'Cloud warning', + filename: 'cloudwarning.svg', + searchTerms: ['cloud', 'warning', 'alert', 'attention'], + categories: ['IT'], + }, + { + name: 'Cloud error', + filename: 'clouderror.svg', + searchTerms: ['cloud', 'error', 'failure', 'issue'], + categories: ['IT'], + }, + { + name: 'Arrow down left', + filename: 'arrowdownleft.svg', + searchTerms: ['arrow', 'down', 'left', 'move', 'go'], + categories: ['IT'], + }, ];