⭐️ Open in new window menu option (#183)

⭐️ Open in new window menu option

tdrive/frontend/src/app/views/client/body/drive/context-menu.tsx

@@ -19,6 +19,8 @@ import { ToasterService } from '@features/global/services/toaster-service';
 import { copyToClipboard } from '@features/global/utils/CopyClipboard';
 import { SharedWithMeFilterState } from '@features/drive/state/shared-with-me-filter';
 import { getCurrentUserList } from '@features/users/hooks/use-user-list';
+import RouterServices from '@features/router/services/router-service';
+import useRouterCompany from '@features/router/hooks/use-router-company';
 import _ from 'lodash';
 import Languages from 'features/global/services/languages-service';
 
@@ -43,6 +45,8 @@ export const useOnBuildContextMenu = (children: DriveItem[], initialParentId?: s
   const setPropertiesModalState = useSetRecoilState(PropertiesModalAtom);
   const setUsersModalState = useSetRecoilState(UsersModalAtom);
   const { open: preview } = useDrivePreview();
+  const company = useRouterCompany();
+  
   function getIdsFromArray(arr: DriveItem[]): string[] {
     return arr.map((obj) => obj.id);
   }
@@ -87,6 +91,15 @@ export const useOnBuildContextMenu = (children: DriveItem[], initialParentId?: s
               }
             },
             { type: 'separator' },
+            {
+              type: 'menu',
+              text: Languages.t('components.item_context_menu.open_new_window'),
+              onClick: () => {
+                const route = RouterServices.generateRouteFromState({ companyId: company, viewId: item.parent_id, itemId: item.id });
+                window.open(route, '_blank');
+              }
+            },
+            { type: 'separator' },
             {
               type: 'menu',
               text: Languages.t('components.item_context_menu.manage_access'),