Fixed Bug 67431 – Mobile. Folder is not selected when selecting Folder Upload

packages/client/src/components/Article/MainButton/index.js

@@ -62,6 +62,7 @@ import styled, { css } from "styled-components";
 import { resendInvitesAgain } from "@docspace/shared/api/people";
 import { getCorrectFourValuesStyle } from "@docspace/shared/utils";
 import { ArticleButtonLoader } from "@docspace/shared/skeletons/article";
+import { isDesktop } from "@docspace/shared/utils";
 
 const StyledButton = styled(Button)`
   font-weight: 700;
@@ -484,7 +485,7 @@ const ArticleMainButtonContent = (props) => {
         className: "main-button_drop-down",
         icon: ActionsUploadReactSvgUrl,
         label: t("UploadFolder"),
-        disabled: isPrivacy,
+        disabled: isPrivacy || !isDesktop(),
         onClick: onUploadFolderClick,
         key: "upload-folder",
       },

packages/shared/components/main-button-mobile/MainButtonMobile.tsx

@@ -296,7 +296,7 @@ const MainButtonMobile = (props: MainButtonMobileProps) => {
                 <div key={option.key} className="separator-wrapper">
                   <div className="is-separator" />
                 </div>
-              ) : (
+              ) : !option.disabled ? (
                 <StyledDropDownItem
                   id={option.id}
                   className={`drop-down-item-button ${
@@ -308,6 +308,8 @@ const MainButtonMobile = (props: MainButtonMobileProps) => {
                   icon={option.icon ? option.icon : ""}
                   // action={option.action}
                 />
+              ) : (
+                <div key={option.key} />
               ),
             )}
           </StyledButtonOptions>

packages/shared/components/main-button-mobile/MainButtonMobile.types.ts

@@ -34,6 +34,7 @@ export type ButtonOption = {
   error?: boolean;
   id?: string;
   isSeparator?: boolean;
+  disabled?: boolean;
 };
 export type ProgressOption = {
   open?: boolean;