github.com/minio/console@v1.4.1/web-app/src/screens/Console/Configurations/ConfigurationPanels/ConfigurationForm.tsx (about) 1 // This file is part of MinIO Console Server 2 // Copyright (c) 2021 MinIO, Inc. 3 // 4 // This program is free software: you can redistribute it and/or modify 5 // it under the terms of the GNU Affero General Public License as published by 6 // the Free Software Foundation, either version 3 of the License, or 7 // (at your option) any later version. 8 // 9 // This program is distributed in the hope that it will be useful, 10 // but WITHOUT ANY WARRANTY; without even the implied warranty of 11 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 12 // GNU Affero General Public License for more details. 13 // 14 // You should have received a copy of the GNU Affero General Public License 15 // along with this program. If not, see <http://www.gnu.org/licenses/>. 16 17 import React from "react"; 18 import { useLocation } from "react-router-dom"; 19 import { Grid } from "mds"; 20 import { configurationElements } from "../utils"; 21 import EditConfiguration from "../../EventDestinations/CustomForms/EditConfiguration"; 22 23 const ConfigurationsList = () => { 24 const { pathname = "" } = useLocation(); 25 26 const configName = pathname.substring(pathname.lastIndexOf("/") + 1); 27 28 const validActiveConfig = configurationElements.find( 29 (element) => element.configuration_id === configName, 30 ); 31 const containerClassName = `${configName}`; 32 return ( 33 <Grid 34 item 35 xs={12} 36 sx={{ 37 height: "100%", 38 //LDAP and api forms have longer labels 39 "& .identity_ldap, .api": { 40 "& label": { 41 minWidth: 220, 42 marginRight: 0, 43 }, 44 }, 45 }} 46 > 47 {validActiveConfig && ( 48 <EditConfiguration 49 className={`${containerClassName}`} 50 selectedConfiguration={validActiveConfig} 51 /> 52 )} 53 </Grid> 54 ); 55 }; 56 57 export default ConfigurationsList;