diff --git a/vite/src/pipedal/LoadPluginDialog.tsx b/vite/src/pipedal/LoadPluginDialog.tsx index cda8c21..a4ad166 100644 --- a/vite/src/pipedal/LoadPluginDialog.tsx +++ b/vite/src/pipedal/LoadPluginDialog.tsx @@ -44,7 +44,6 @@ import AutoSizer from 'react-virtualized-auto-sizer'; import StarBorderIcon from '@mui/icons-material/StarBorder'; import StarIcon from '@mui/icons-material/Star'; import {createStyles} from './WithStyles'; -import CloseIcon from '@mui/icons-material/Close'; import { Theme } from '@mui/material/styles'; import WithStyles, {withTheme} from './WithStyles'; @@ -180,7 +179,6 @@ type PluginGridState = { grid_cell_columns: number, minimumItemWidth: number, favoritesList: FavoritesList, - descriptionOpen: boolean; uiPlugins: UiPlugin[] //gridItems: UiPlugin[]; @@ -217,8 +215,7 @@ export const LoadPluginDialog = grid_cell_columns: this.getCellColumns(document.documentElement.clientWidth), minimumItemWidth: props.minimumItemWidth ? props.minimumItemWidth : 220, favoritesList: this.model.favorites.get(), - uiPlugins: this.model.ui_plugins.get(), - descriptionOpen: false + uiPlugins: this.model.ui_plugins.get() }; @@ -422,7 +419,7 @@ export const LoadPluginDialog = e.preventDefault(); - this.setState({ selected_uri: uri, descriptionOpen: true }); + this.setState({ selected_uri: uri }); // a better doubleclick: tracks how many recent clicks in the same area. // regardless of whether we re-rendered in the interrim. @@ -693,43 +690,13 @@ export const LoadPluginDialog = ); } - - renderDescriptionPanel(selectedPlugin?: UiPlugin) { - if (!this.state.descriptionOpen || !selectedPlugin) return null; - const text = (selectedPlugin.description && selectedPlugin.description.trim().length > 0) - ? selectedPlugin.description : "No description available."; - - return (
- -
- - - {selectedPlugin.name} - - -
- - - {text} - -
-
- -
- this.setState({ descriptionOpen: false })} style={{ marginRight: 0 }}> - - -
-
- ); -} - setFavorite(pluginUri: string | undefined, isFavorite: boolean): void { if (!pluginUri) return; this.model.setFavorite(pluginUri, isFavorite); } gridColumnCount: number = 1; + render() { const classes= withStyles.getClasses(this.props); @@ -899,9 +866,7 @@ export const LoadPluginDialog = {(this.state.client_width >= NARROW_DISPLAY_THRESHOLD) ? ( -
- {this.renderDescriptionPanel(selectedPlugin)} -
+
{this.info_string(selectedPlugin)} @@ -920,14 +885,12 @@ export const LoadPluginDialog =
-
-
+
) : ( - {this.renderDescriptionPanel(selectedPlugin)} -
+
{this.info_string(selectedPlugin)}