Merge pull request #391 from Lemoncode/dev

context menu and more icons

src/pods/context-menu/components/commands.component.tsx

@@ -1,19 +1,23 @@
+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;
 }
 
 export const Commands: React.FC<CommandsProps> = props => {
   const { setShowContextMenu } = props;
+  const { selectionInfo } = useCanvasContext();
   return (
     <div>
       <div className={classes.title}>
-        <p>Commands</p>
+        <p>Options</p>
       </div>
+      <ZIndexOptions selectionInfo={selectionInfo} />
       <CopyCommand setShowContextMenu={setShowContextMenu} />
       <PasteCommand setShowContextMenu={setShowContextMenu} />
       <DeleteCommand setShowContextMenu={setShowContextMenu} />

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<ContextMenuProps> = ({ dropRef }) => {
           }}
           className={classes.contextMenu}
         >
-          <PropertiesPod />
           <Commands setShowContextMenu={setShowContextMenu} />
         </div>
       )}

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'],
+  },
 ];