🚨⚰️ front: Remove unused references

tdrive/frontend/src/app/views/client/body/drive/browser.tsx

@@ -10,9 +10,9 @@ import { useDriveUpload } from '@features/drive/hooks/use-drive-upload';
 import { DriveItemSelectedList, DriveItemSort } from '@features/drive/state/store';
 import { formatBytes } from '@features/drive/utils';
 import useRouterCompany from '@features/router/hooks/use-router-company';
-import _, { set } from 'lodash';
+import _ from 'lodash';
 import { memo, Suspense, useCallback, useEffect, useRef, useState } from 'react';
-import { atomFamily, useRecoilState, useSetRecoilState, useRecoilValue } from 'recoil';
+import { atomFamily, useRecoilState, useSetRecoilState } from 'recoil';
 import { DrivePreview } from '../../viewer/drive-preview';
 import {
   useOnBuildContextMenu,
@@ -40,7 +40,7 @@ import useRouteState from 'app/features/router/hooks/use-route-state';
 import { SharedWithMeFilterState } from '@features/drive/state/shared-with-me-filter';
 import MenusManager from '@components/menus/menus-manager.jsx';
 import Languages from 'features/global/services/languages-service';
-import {DndContext, useSensors, useSensor, PointerSensor, DragOverlay} from '@dnd-kit/core';
+import { DndContext, useSensors, useSensor, PointerSensor, DragOverlay } from '@dnd-kit/core';
 import { Droppable } from 'app/features/dragndrop/hook/droppable';
 import { Draggable } from 'app/features/dragndrop/hook/draggable';
 import { useDriveActions } from '@features/drive/hooks/use-drive-actions';
@@ -49,7 +49,6 @@ import { useCurrentUser } from 'app/features/users/hooks/use-current-user';
 import { ConfirmModal } from './modals/confirm-move';
 import { useHistory } from 'react-router-dom';
 import { SortIcon } from 'app/atoms/icons-agnostic';
-import { useDrivePreview, useDrivePreviewLoading } from 'app/features/drive/hooks/use-drive-preview';
 
 export const DriveCurrentFolderAtom = atomFamily<
     string,
@@ -78,12 +77,9 @@ export default memo(
       ? (user?.companies || []).find(company => company?.company.id === companyId)?.role
       : 'member';
     setTdriveTabToken(tdriveTabContextToken || null);
-    const [filter, __] = useRecoilState(SharedWithMeFilterState);
-    const { viewId, dirId, itemId } = useRouteState();
-    const { status } = useDrivePreview();
-    const { openWithId, close } = useDrivePreview();
+    const [ filter ] = useRecoilState(SharedWithMeFilterState);
+    const { viewId, dirId } = useRouteState();
     const [sortLabel] = useRecoilState(DriveItemSort)
-    const { loading: isModalLoading } = useDrivePreviewLoading();
     const [parentId, _setParentId] = useRecoilState(
       DriveCurrentFolderAtom({
         context: context,

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

@@ -22,9 +22,7 @@ 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 useRouteState from 'app/features/router/hooks/use-route-state';
-import RouterServices from '@features/router/services/router-service';
-import useRouterCompany from '@features/router/hooks/use-router-company';
-import _, { set } from 'lodash';
+import _ from 'lodash';
 import Languages from 'features/global/services/languages-service';
 import { hasAnyPublicLinkAccess } from '@features/files/utils/access-info-helpers';
 import FeatureTogglesService, {
@@ -42,7 +40,7 @@ export const useOnBuildContextMenu = (
   const [checkedIds, setChecked] = useRecoilState(DriveItemSelectedList);
   const checked = children.filter(c => checkedIds[c.id]);
 
-  const [_, setParentId] = useRecoilState(
+  const [setParentId] = useRecoilState(
     DriveCurrentFolderAtom({ initialFolderId: initialParentId || 'root' }),
   );
 
@@ -59,11 +57,6 @@ export const useOnBuildContextMenu = (
   const setUsersModalState = useSetRecoilState(UsersModalAtom);
   const { open: preview } = useDrivePreview();
   const { viewId } = useRouteState();
-  const company = useRouterCompany();
-
-  function getIdsFromArray(arr: DriveItem[]): string[] {
-    return arr.map(obj => obj.id);
-  }
 
   return useCallback(
     async (parent?: Partial<DriveItemDetails> | null, item?: DriveItem) => {
@@ -378,7 +371,7 @@ export const useOnBuildContextMenu = (
 };
 
 export const useOnBuildFileTypeContextMenu = () => {
-  const [filter, setFilter] = useRecoilState(SharedWithMeFilterState);
+  const [, setFilter] = useRecoilState(SharedWithMeFilterState);
   const mimeTypes = [
     { key: Languages.t('components.item_context_menu.all'), value: '' },
     { key: 'CSV', value: 'text/csv' },
@@ -414,8 +407,8 @@ export const useOnBuildFileTypeContextMenu = () => {
 };
 
 export const useOnBuildPeopleContextMenu = () => {
-  const [filter, setFilter] = useRecoilState(SharedWithMeFilterState);
-  const [_userList, setUserList] = useState(getCurrentUserList());
+  const [, setFilter] = useRecoilState(SharedWithMeFilterState);
+  const [_userList] = useState(getCurrentUserList());
   let userList = _userList;
   userList = _.uniqBy(userList, 'id');
   return useCallback(() => {
@@ -439,7 +432,7 @@ export const useOnBuildPeopleContextMenu = () => {
 };
 
 export const useOnBuildDateContextMenu = () => {
-  const [filter, setFilter] = useRecoilState(SharedWithMeFilterState);
+  const [, setFilter] = useRecoilState(SharedWithMeFilterState);
   return useCallback(() => {
     const menuItems = [
       {

tdrive/frontend/src/app/views/client/body/drive/documents/common.tsx

@@ -9,7 +9,6 @@ export type DriveItemProps = {
   checked: boolean;
   onClick?: () => void;
   onBuildContextMenu: () => Promise<any[]>;
-  inPublicSharing?: boolean;
 };
 
 export type DriveItemOverlayProps = {

tdrive/frontend/src/app/views/client/body/drive/documents/document-row.tsx

@@ -5,13 +5,12 @@ import Menu from '@components/menus/menu';
 import useRouterCompany from '@features/router/hooks/use-router-company';
 import { useDrivePreview } from '@features/drive/hooks/use-drive-preview';
 import { formatBytes } from '@features/drive/utils';
-import { useEffect, useState } from 'react';
+import { useState } from 'react';
 import { PublicIcon } from '../components/public-icon';
 import { CheckableIcon, DriveItemOverlayProps, DriveItemProps } from './common';
 import './style.scss';
 import { useHistory } from 'react-router-dom';
 import RouterServices from '@features/router/services/router-service';
-import useRouteState from 'app/features/router/hooks/use-route-state';
 import { DocumentIcon } from './document-icon';
 import { hasAnyPublicLinkAccess } from '@features/files/utils/access-info-helpers';
 import { formatDateShort } from 'app/features/global/utils/Numbers';
@@ -23,11 +22,10 @@ export const DocumentRow = ({
   checked,
   onClick,
   onBuildContextMenu,
-  inPublicSharing,
 }: DriveItemProps) => {
   const history = useHistory();
   const [hover, setHover] = useState(false);
-  const { open, close, isOpen } = useDrivePreview();
+  const {open} = useDrivePreview();
   const company = useRouterCompany();
 
   const preview = () => {

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

@@ -1,7 +1,7 @@
 import { DesktopComputerIcon } from '@heroicons/react/solid';
 import { Base } from '@atoms/text';
 
-export const DriveItem = ({ className, onClick }: { className?: string; onClick: Function }) => {
+export const DriveItem = ({ className, onClick }: { className?: string; onClick: () => void }) => {
   return (
     <div
       className={

tdrive/frontend/src/app/views/client/body/drive/index.tsx

@@ -1,4 +1,3 @@
-import { useCompanyApplications } from 'app/features/applications/hooks/use-company-applications';
 import Browser from './browser';
 import { SelectorModal } from './modals/selector';
 

tdrive/frontend/src/app/views/client/body/drive/modals/create/create-folder.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useRef, useState } from 'react';
 import { useRecoilState } from 'recoil';
-import { CreateModalAtom, CreateModalAtomType } from '.';
+import { CreateModalAtom } from '.';
 import { Button } from '@atoms/button/button';
 import { Input } from '@atoms/input/input-text';
 import { Info } from '@atoms/text';
@@ -9,7 +9,7 @@ import Languages from "features/global/services/languages-service";
 
 export const CreateFolder = () => {
   const [name, setName] = useState<string>('');
-  const [loading, _] = useState<boolean>(false);
+  const [loading] = useState<boolean>(false);
   const [state, setState] = useRecoilState(CreateModalAtom);
   const { create } = useDriveActions();
   const inputRef = useRef<HTMLDivElement>(null);

tdrive/frontend/src/app/views/client/body/drive/modals/create/create-link.tsx

@@ -1,6 +1,5 @@
 import { Button } from '@atoms/button/button';
 import { Input } from '@atoms/input/input-text';
-import { Info } from '@atoms/text';
 import { useDriveActions } from '@features/drive/hooks/use-drive-actions';
 import { useState } from 'react';
 import { useRecoilState } from 'recoil';

tdrive/frontend/src/app/views/client/body/drive/modals/create/index.tsx

@@ -7,9 +7,7 @@ import { Application } from '@features/applications/types/application';
 import { Transition } from '@headlessui/react';
 import {
   ChevronLeftIcon,
-  DocumentDownloadIcon,
   FolderAddIcon,
-  FolderDownloadIcon,
   LinkIcon,
 } from '@heroicons/react/outline';
 import { ReactNode } from 'react';
@@ -35,8 +33,6 @@ export const CreateModalAtom = atom<CreateModalAtomType>({
 });
 
 export const CreateModal = ({
-  selectFromDevice,
-  selectFolderFromDevice,
   addFromUrl,
 }: {
   selectFromDevice: () => void;

tdrive/frontend/src/app/views/client/body/drive/modals/manage-users/common.tsx

@@ -5,14 +5,12 @@ import Languages from 'features/global/services/languages-service';
 export const AccessLevel = ({
   level,
   onChange,
-  canRemove,
   hiddenLevels,
   className,
 }: {
   disabled?: boolean;
   level: DriveFileAccessLevel | null;
   onChange: (level: DriveFileAccessLevel & 'remove') => void;
-  canRemove?: boolean;
   className?: string;
   hiddenLevels?: string[];
 }) => {

tdrive/frontend/src/app/views/client/body/drive/modals/manage-users/index.tsx

@@ -4,7 +4,6 @@ import Avatar from '@atoms/avatar';
 import { Base, Info } from '@atoms/text';
 import { atom, useRecoilState } from 'recoil';
 import { useDriveItem } from '@features/drive/hooks/use-drive-item';
-import AlertManager from '@features/global/services/alert-manager-service';
 import { useCurrentUser } from '@features/users/hooks/use-current-user';
 import { useUser } from '@features/users/hooks/use-user';
 import currentUserService from '@features/users/services/current-user-service';
@@ -55,7 +54,7 @@ const UserAccessLevel = ({
 }) => {
   const user = useUser(userId);
   const { user: currentUser } = useCurrentUser();
-  const { item, loading, updateLevel } = useDriveItem(id);
+  const { updateLevel } = useDriveItem(id);
   const [level, setLevel] = useState<DriveFileAccessLevel>(role == "admin" ? "manage" : "read");
   //const level = role == "admin" ? "manage" : "read";
 
@@ -78,7 +77,6 @@ const UserAccessLevel = ({
         <AccessLevel
           disabled={userId === currentUser?.id}
           level={level}
-          canRemove
           onChange={level => {
             setLevel(level);
             updateLevel(userId || '', level);

tdrive/frontend/src/app/views/client/body/drive/modals/selector/index.tsx

@@ -39,7 +39,7 @@ export const SelectorModal = () => {
   );
 };
 
-const SelectorModalContent = (key:any,showfiles:boolean) => {
+const SelectorModalContent = (key: any) => {
   const [state, setState] = useRecoilState(SelectorModalAtom);
   const [selected, setSelected] = useState<DriveItem[]>([]);
   const [loading, setLoading] = useState(false);
@@ -91,8 +91,8 @@ const SelectorModalContent = (key:any,showfiles:boolean) => {
             </div>
           </div>
         ))}
-        
-        {key.showfiles && ( 
+
+        {key.showfiles && (
         <>
         {files.map(file => (
           <div

tdrive/frontend/src/app/views/client/body/drive/modals/update-access/index.tsx

@@ -41,7 +41,7 @@ const AccessModalContent = (props: {
   onCloseModal: () => void,
 }) => {
   const { id } = props;
-  const { item, access, loading, update, refresh } = useDriveItem(id);
+  const { item, access, loading, refresh } = useDriveItem(id);
   const { refresh: refreshCompany } = useCurrentCompany();
   useEffect(() => {
     refresh(id);

tdrive/frontend/src/app/views/client/body/drive/modals/upload/index.tsx

@@ -1,16 +1,11 @@
-import Avatar from '@atoms/avatar';
 import A from '@atoms/link';
 import { Modal, ModalContent } from '@atoms/modal';
 import { Base } from '@atoms/text';
-import { useCompanyApplications } from '@features/applications/hooks/use-company-applications';
-import { Application } from '@features/applications/types/application';
 import { Transition } from '@headlessui/react';
 import {
   ChevronLeftIcon,
   DocumentDownloadIcon,
-  FolderAddIcon,
   FolderDownloadIcon,
-  LinkIcon,
 } from '@heroicons/react/outline';
 import { ReactNode } from 'react';
 import { atom, useRecoilState } from 'recoil';
@@ -34,14 +29,12 @@ export const UploadModelAtom = atom<UploadModalAtomType>({
 export const UploadModal = ({
   selectFromDevice,
   selectFolderFromDevice,
-  addFromUrl,
 }: {
   selectFromDevice: () => void;
   selectFolderFromDevice: () => void;
   addFromUrl: (url: string, name: string) => void;
 }) => {
   const [state, setState] = useRecoilState(UploadModelAtom);
-  const { applications } = useCompanyApplications();
 
   return (
     <Modal

tdrive/frontend/src/app/views/client/common/account.tsx

@@ -10,7 +10,7 @@ import FeatureTogglesService, {
   FeatureNames,
 } from '@features/global/services/feature-toggles-service';
 
-export default ({ sidebar }: { sidebar?: boolean }): JSX.Element => {
+export default (): JSX.Element => {
   const { user } = useCurrentUser();
 
   if (!user) return <></>;

tdrive/frontend/src/app/views/client/side-bar/actions.tsx

@@ -24,7 +24,7 @@ export const CreateModalWithUploadZones = ({ initialParentId }: { initialParentI
   const setUploadModalState = useSetRecoilState(UploadModelAtom);
   const { uploadTree, uploadFromUrl } = useDriveUpload();
   const { user } = useCurrentUser();
-  const [parentId, _] = useRecoilState(
+  const [ parentId ] = useRecoilState(
     DriveCurrentFolderAtom({ initialFolderId: initialParentId || 'user_'+user?.id }),
   );
 
@@ -96,7 +96,7 @@ export const CreateModalWithUploadZones = ({ initialParentId }: { initialParentI
 export default () => {
   const { user } = useCurrentUser();
   const { viewId, dirId } = useRouteState();
-  const [parentId, _] = useRecoilState(DriveCurrentFolderAtom({ initialFolderId: dirId || viewId || 'user_'+user?.id  }));
+  const [ parentId ] = useRecoilState(DriveCurrentFolderAtom({ initialFolderId: dirId || viewId || 'user_'+user?.id  }));
   const { access, item } = useDriveItem(parentId);
   const { children: trashChildren } = useDriveItem(viewId === 'trash' ? 'trash' : 'trash_'+user?.id);
   const uploadZoneRef = useRef<UploadZone | null>(null);

tdrive/frontend/src/app/views/client/side-bar/index.tsx

@@ -53,7 +53,7 @@ export default () => {
         <div className="sm:hidden block mb-2">
           <div className="flex flex-row space-between w-full">
             <div className="grow">
-              <Account sidebar />
+              <Account />
             </div>
             <AppGrid />
           </div>

tdrive/frontend/src/app/views/client/viewer/viewer.tsx

@@ -12,7 +12,6 @@ import { Modal } from '@atoms/modal';
 import * as Text from '@atoms/text';
 import { addShortcut, removeShortcut } from '@features/global/services/shortcut-service';
 import { formatSize } from '@features/global/utils/format-file-size';
-import useRouterWorkspace from '@features/router/hooks/use-router-workspace';
 import currentUserService from '@features/users/services/current-user-service';
 import { UserType } from '@features/users/types/user';
 import {
@@ -125,13 +124,12 @@ const Navigation = () => {
 };
 
 const Footer = () => {
-  const { status, close } = useFileViewer();
+  const { status } = useFileViewer();
   const { download } = useViewerDisplayData();
   const { type = '' } = useViewerDisplayData();
   const user = status?.details?.user as UserType;
   const name = status.details?.metadata?.name;
   const extension = name?.split('.').pop();
-  const workspaceId = useRouterWorkspace();
 
   return (
     <>