fixed props passing, importing and state-changing metods in thirdparty storage

This commit is contained in:
mushka 2022-10-18 01:58:02 +03:00
parent b05b8c90af
commit 235ddb6fe5

View File

@ -1,15 +1,14 @@
import Checkbox from "@docspace/components/checkbox";
import React from "react";
import React, { useState } from "react";
import { inject, observer } from "mobx-react";
import styled from "styled-components";
import { StyledParam } from "../Params/StyledParam";
import toastr from "@docspace/components/toast/toastr";
import { StyledParam } from "../Params/StyledParam";
import ToggleParam from "../Params/ToggleParam";
import ThirpartyComboBox from "./ThirpartyComboBox";
import Checkbox from "@docspace/components/checkbox";
import Toast from "@docspace/components/toast";
import toastr from "@docspace/components/toast/toastr";
import FolderInput from "./FolderInput";
import { combineUrl, getOAuthToken } from "@docspace/common/utils";
@ -21,6 +20,7 @@ const StyledThirdPartyStorage = styled(StyledParam)`
const ThirdPartyStorage = ({
t,
roomTitle,
storageLocation,
onChangeStorageLocation,
@ -58,15 +58,6 @@ const ThirdPartyStorage = ({
}
};
console.log(storageLocation);
const onChangeThirdpartyAccount = (thirdpartyAccount) => {
onChangeStorageLocation({
...storageLocation,
thirdpartyAccount,
});
};
const onChangeProvider = async (provider) => {
if (!!storageLocation.thirdpartyAccount) {
onChangeStorageLocation({
@ -81,10 +72,10 @@ const ThirdPartyStorage = ({
onChangeStorageLocation({ ...storageLocation, provider });
};
const onChangeFolderPath = (e) =>
const onChangeStorageFolderId = (storageFolderId) =>
onChangeStorageLocation({
...storageLocation,
storageFolderPath: e.target.value,
storageFolderId,
});
const onChangeRememberThirdpartyStorage = () => {
@ -117,9 +108,10 @@ const ThirdPartyStorage = ({
{storageLocation.isThirdparty && (
<ThirpartyComboBox
t={t}
connectItems={connectItems}
storageLocation={storageLocation}
onChangeStorageLocation={onChangeStorageLocation}
onChangeProvider={onChangeProvider}
onChangeThirdpartyAccount={onChangeThirdpartyAccount}
connectItems={connectItems}
setConnectDialogVisible={setConnectDialogVisible}
setRoomCreation={setRoomCreation}
saveThirdParty={saveThirdParty}
@ -128,7 +120,6 @@ const ThirdPartyStorage = ({
openConnectWindow={openConnectWindow}
setConnectItem={setConnectItem}
getOAuthToken={getOAuthToken}
storageLocation={storageLocation}
setIsScrollLocked={setIsScrollLocked}
setIsOauthWindowOpen={setIsOauthWindowOpen}
/>
@ -136,8 +127,10 @@ const ThirdPartyStorage = ({
{storageLocation.isThirdparty && storageLocation.thirdpartyAccount && (
<FolderInput
value={storageLocation.storageFolderPath}
onChangeFolderPath={onChangeFolderPath}
t={t}
roomTitle={roomTitle}
thirdpartyAccount={storageLocation.thirdpartyAccount}
onChangeStorageFolderId={onChangeStorageFolderId}
/>
)}