🛠 Minor fixes (#49)

* Fix #43

* Fix #44

tdrive/frontend/src/app/components/menus/menu.scss

@@ -217,7 +217,7 @@
   }
 
   .menu-separator {
-    border-top: 1px solid var(--grey-background);
+    border-top: 1px solid #88888844;
     height: 8px;
     margin-top: 8px;
     width: auto;

tdrive/frontend/src/app/components/search-popup/parts/drive-item-result.tsx

@@ -46,7 +46,7 @@ export default (props: { driveItem: DriveItem & { user?: UserType } }) => {
 
   return (
     <div
-      className="flex items-center p-2 hover:bg-zinc-50 rounded-md cursor-pointer"
+      className="flex items-center p-2 hover:bg-zinc-50 dark:hover:bg-zinc-800 rounded-md cursor-pointer"
       onClick={() => openViewer(file)}
     >
       <FileResultMedia file={file} className="w-16 h-16 mr-3" />
@@ -74,7 +74,7 @@ export default (props: { driveItem: DriveItem & { user?: UserType } }) => {
       >
         <Button
           theme="outline"
-          className="w-9 px-1.5 ml-2 rounded-full border-none"
+          className="w-9 !p-0 flex items-center justify-center ml-2 rounded-full border-none"
           onClick={() => onDriveItemDownloadClick(file)}
         >
           <DownloadIcon className="text-blue-500 w-6 h-6" />
@@ -89,7 +89,7 @@ export default (props: { driveItem: DriveItem & { user?: UserType } }) => {
       >
         <Button
           theme="outline"
-          className="w-9 px-1.5 ml-2 rounded-full border-none"
+          className="w-9 !p-0 flex items-center justify-center ml-2 rounded-full border-none"
           onClick={() => {
             openDriveItem(file, currentWorkspaceId, tdriveDriveApplicationId);
             setParentId(file.parent_id);

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

@@ -1,3 +1,4 @@
+import { useCompanyApplications } from 'app/features/applications/hooks/use-company-applications';
 import Browser from './browser';
 import { SelectorModal } from './modals/selector';
 
@@ -16,6 +17,9 @@ export default ({
   context?: EmbedContext;
   inPublicSharing?: boolean;
 }) => {
+  //Preload applications mainly for shared view
+  useCompanyApplications();
+
   return (
     <>
       <SelectorModal />

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

@@ -175,7 +175,7 @@ const CreateModalOption = (props: { icon: ReactNode; text: string; onClick: () =
   return (
     <div
       onClick={props.onClick}
-      className="flex flex-row p-4 bg-zinc-100 hover:bg-zinc-200 cursor-pointer rounded-md m-2"
+      className="flex flex-row p-4 dark:bg-zinc-800 dark:text-white bg-zinc-100 hover:bg-opacity-75 cursor-pointer rounded-md m-2"
     >
       <div className="flex items-center justify-center">{props.icon}</div>
       <div className="grow flex items-center ml-2">

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

@@ -6,10 +6,10 @@ import Languages from '@features/global/services/languages-service';
 import { addApiUrlIfNeeded } from '@features/global/utils/URLUtils';
 import RouterService from '@features/router/services/router-service';
 import Drive from '@views/client/body/drive';
-import Avatar from '../../../../atoms/avatar';
-import { setPublicLinkToken } from '../../../../features/drive/api-client/api-client';
 import { useParams } from 'react-router-dom';
 import shortUUID from 'short-uuid';
+import Avatar from '../../../../atoms/avatar';
+import { setPublicLinkToken } from '../../../../features/drive/api-client/api-client';
 import useRouterCompany from '../../../../features/router/hooks/use-router-company';
 
 export default () => {
@@ -42,7 +42,7 @@ export default () => {
   }
 
   return (
-    <div className="flex flex-col h-full w-full">
+    <div className="flex flex-col h-full w-full dark:bg-zinc-900">
       <div className="flex flex-row items-center justify-center bg-blue-500 px-4 py-2">
         <div className="grow flex flex-row items-center">
           {group.logo && (

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

@@ -7,6 +7,7 @@ import currentUserService from '@features/users/services/current-user-service';
 import AccountParameter from '@views/client/popup/UserParameter/UserParameter';
 import Languages from '../../../features/global/services/languages-service';
 import ModalManagerDepreciated from '@deprecated/popupManager/popupManager';
+import InitService from '@features/global/services/init-service';
 
 export default ({ sidebar }: { sidebar?: boolean }): JSX.Element => {
   const { user } = useCurrentUser();
@@ -22,6 +23,7 @@ export default ({ sidebar }: { sidebar?: boolean }): JSX.Element => {
           type: 'menu',
           icon: 'user',
           text: Languages.t('scenes.app.channelsbar.currentuser.title'),
+          hide: InitService.server_infos?.configuration?.accounts?.type === 'remote',
           onClick: () => {
             ModalManagerDepreciated.open(<AccountParameter />, true, 'account_parameters');
           },

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

@@ -7,6 +7,7 @@ import RouterServices from '@features/router/services/router-service';
 import { useSearchModal } from '@features/search/hooks/use-search';
 import { SearchInputState } from '@features/search/state/search-input';
 import { useRecoilState } from 'recoil';
+import { ToasterService } from 'app/features/global/services/toaster-service';
 
 export default (): JSX.Element => {
   const { workspaceId, channelId } = RouterServices.getStateFromRoute();
@@ -38,7 +39,9 @@ export default (): JSX.Element => {
                 'rounded-full h-7 w-7 absolute m-auto top-0 bottom-0 right-3 text-zinc-500'
               }
               icon={() => <AdjustmentsIcon className="w-5 h-5 text-zinc-500" />}
-              onClick={() => setOpen()}
+              onClick={() => {
+                ToasterService.info('This feature is coming soon 🚀');
+              }}
             />
           )}
           input={({ className }) => (