Fixed MainButton accessibility when going to Settings

products/ASC.Files/Client/src/components/Article/MainButton/index.js

@@ -51,11 +51,11 @@ class PureArticleMainButtonContent extends React.Component {
 
   render() {
     //console.log("Files ArticleMainButtonContent render");
-    const { t, isCanCreate } = this.props;
+    const { t, isCanCreate, isDisabled } = this.props;
 
     return (
       <MainButton
-        isDisabled={!isCanCreate}
+        isDisabled={isDisabled ? isDisabled : !isCanCreate}
         isDropdown={true}
         text={t("Actions")}
       >

products/ASC.Files/Client/src/components/pages/Settings/Section/Body/index.js

@@ -1,10 +1,13 @@
 import React from  'react';
 import styled from 'styled-components';
+import { connect } from 'react-redux';
 import { 
   Heading,
   ToggleButton 
 } from 'asc-web-components';
 
+import { setStoreOriginal } from '../../../../../store/files/actions';
+
 const StyledSettings = styled.div`
   display: grid;
   grid-gap: 10px;
@@ -23,6 +26,9 @@ class SectionBodyContent extends React.Component {
   constructor(props) {
     super(props);
 
+    this.state = { 
+      originalCopy: false
+    }
   }
 
   componentDidMount() {
@@ -40,6 +46,13 @@ class SectionBodyContent extends React.Component {
     document.title = 'ASC.Files';
   }
 
+  onChangeOriginalCopy = () => {
+    const { originalCopy } = this.state;
+    const { setStoreOriginal } = this.props;
+    setStoreOriginal({ set: !originalCopy });
+    this.setState({ originalCopy: !originalCopy });
+  }
+
   renderAdminSettings = () => {
     const {
       intermediateVersion,
@@ -69,23 +82,27 @@ class SectionBodyContent extends React.Component {
 
   renderCommonSettings = () => {
     const {
-      originalCopy,
       trash,
       recent,
       favorites,
       templates,
       updateOrCreate,
       keepIntermediate,
+      setStoreOriginal,
       t
     } = this.props;
 
+    const { 
+      originalCopy
+    } = this.state;
+
     return (
       <StyledSettings>
         <ToggleButton
-          isDisabled={true}
+          isDisabled={false}
           className="toggle-btn"
           label={t('originalCopy')}
-          onChange={(e)=>console.log(e)}
+          onChange={this.onChangeOriginalCopy}
           isChecked={originalCopy}
         />
         <ToggleButton
@@ -136,7 +153,7 @@ class SectionBodyContent extends React.Component {
   }
 
   renderClouds = () => {
-
+    return (<></>)
   }
 
   render() {
@@ -148,7 +165,7 @@ class SectionBodyContent extends React.Component {
     if(setting === 'common') 
       content = this.renderCommonSettings();
     if(setting === 'thirdParty')
-      content = this.renderAdminSettings();
+      content = this.renderClouds();
 
     return content;
   }
@@ -156,4 +173,4 @@ class SectionBodyContent extends React.Component {
   
 }
 
-export default SectionBodyContent;
+export default connect(null, {setStoreOriginal})(SectionBodyContent);

products/ASC.Files/Client/src/components/pages/Settings/index.js

@@ -71,7 +71,7 @@ class PureSettings extends React.Component {
         </PageLayout.ArticleHeader>
 
         <PageLayout.ArticleMainButton>
-          <ArticleMainButtonContent onLoading={setIsLoading} />
+          <ArticleMainButtonContent isDisabled={true} />
         </PageLayout.ArticleMainButton>
 
         <PageLayout.ArticleBody>