local-it/dashboard
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix advanced tab toasts

Browse source
This commit is contained in:
Luka Radenovic 2022-08-11 10:43:48 +02:00
parent 4281dd9082
commit 14b4a58d46
1 changed files with 6 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/modules/apps/components/AdvancedTab/AdvancedTab.tsx
View file

@ -1,4 +1,4 @@
import React, { useState } from 'react';
import React from 'react';
import _ from 'lodash';
import Editor from 'react-simple-code-editor';
// import { Menu, Transition } from '@headlessui/react';
@ -14,7 +14,6 @@ import { initialEditorYaml } from '../../consts';
export const AdvancedTab = () => {
const [code, setCode] = React.useState(initialEditorYaml);
const [configurationValidation, setConfigurationValidation] = useState<string | null>(null);
const { app, editApp } = useApps();
const resetCode = () => {
@ -32,11 +31,10 @@ export const AdvancedTab = () => {
};
const vertifyCode = () => {
try {
yaml.load(code);
setConfigurationValidation('Configuration is valid!');
} catch (e: any) {
setConfigurationValidation(`Configuration is not valid: ${e.message}`);
if (isConfigurationValid()) {
showToast('Configuration is valid.', ToastType.Success);
} else {
showToast('Configuration is not valid! Please fix configuration issues and try again.', ToastType.Error);
}
};
@ -45,7 +43,7 @@ export const AdvancedTab = () => {
editApp({ ...app, configuration: code });
return;
}
showToast('Configuration is not valid! Please fix configuration issues and try again.', ToastType.Error, Infinity);
showToast('Configuration is not valid! Please fix configuration issues and try again.', ToastType.Error);
};
return (
@ -152,14 +150,6 @@ export const AdvancedTab = () => {
</div>
</div>
</div>
{configurationValidation && (
<>
<div className="pb-5 border-b border-gray-200 sm:flex sm:items-center sm:justify-between mt-8 mb-5 cursor-pointer">
<h3 className="leading-6 font-medium text-gray-900">Configuration validation</h3>
</div>
<div className="bg-white shadow rounded-sm p-4">{configurationValidation}</div>
</>
)}
<div className="flex justify-end mt-10">
<button
type="button"