comment out app installation/configuration button

This commit is contained in:
Maarten de Waard 2022-10-05 11:47:53 +02:00
parent bb1adc8d76
commit fef455074a
No known key found for this signature in database
GPG key ID: 1D3E893A657CC8DA

View file

@ -75,37 +75,42 @@ export const Apps: React.FC = () => {
}, },
width: 'auto', width: 'auto',
}, },
{ // Uncomment this to have an "Install" or "Configure" button for
Header: ' ', // applications.
Cell: (e: any) => { //
const navigate = useNavigate(); // We need to implement installation and configuration in the back-end to be
const appStatus = e.cell.row.original.status as AppStatusEnum; // able to use those buttons.
if (appStatus === AppStatusEnum.Installing) { // {
return null; // Header: ' ',
} // Cell: (e: any) => {
const { slug } = e.cell.row.original; // const navigate = useNavigate();
let buttonFuntion = () => navigate(`/apps/${slug}`); // const appStatus = e.cell.row.original.status as AppStatusEnum;
if (appStatus === AppStatusEnum.NotInstalled) { // if (appStatus === AppStatusEnum.Installing) {
buttonFuntion = () => { // return null;
setAppSlug(slug); // }
setInstallModalOpen(true); // const { slug } = e.cell.row.original;
}; // let buttonFuntion = () => navigate(`/apps/${slug}`);
} // if (appStatus === AppStatusEnum.NotInstalled) {
return ( // buttonFuntion = () => {
<div className="text-right opacity-0 group-hover:opacity-100 transition-opacity"> // setAppSlug(slug);
<button // setInstallModalOpen(true);
onClick={buttonFuntion} // };
type="button" // }
className="inline-flex items-center px-4 py-2 border border-gray-200 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500" // return (
> // <div className="text-right opacity-0 group-hover:opacity-100 transition-opacity">
{getConstForStatus(appStatus, 'buttonIcon')} // <button
{getConstForStatus(appStatus, 'buttonTitle')} // onClick={buttonFuntion}
</button> // type="button"
</div> // className="inline-flex items-center px-4 py-2 border border-gray-200 shadow-sm text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary-500"
); // >
}, // {getConstForStatus(appStatus, 'buttonIcon')}
width: 'auto', // {getConstForStatus(appStatus, 'buttonTitle')}
}, // </button>
// </div>
// );
// },
// width: 'auto',
// },
]; ];
return ( return (