diff --git a/libs/remix-ui/plugin-manager/src/customTypes.ts b/libs/remix-ui/plugin-manager/src/customTypes.ts index e696caeb52..5c0efa46e1 100644 --- a/libs/remix-ui/plugin-manager/src/customTypes.ts +++ b/libs/remix-ui/plugin-manager/src/customTypes.ts @@ -5,3 +5,16 @@ export type PluginManagerSettings = { settings: () => HTMLElement render: () => HTMLElement } + +export type Profile = { + name: 'pluginManager', + displayName: 'Plugin manager', + methods: [], + events: [], + icon: 'assets/img/pluginManager.webp', + description: 'Start/stop services, modules and plugins', + kind: 'settings', + location: 'sidePanel', + documentation: 'https://remix-ide.readthedocs.io/en/latest/plugin_manager.html', + version: string +} diff --git a/libs/remix-ui/plugin-manager/src/lib/components/listGroupItem.tsx b/libs/remix-ui/plugin-manager/src/lib/components/listGroupItem.tsx new file mode 100644 index 0000000000..fab9496217 --- /dev/null +++ b/libs/remix-ui/plugin-manager/src/lib/components/listGroupItem.tsx @@ -0,0 +1,21 @@ +import React from 'react' +import { Profile } from '../../customTypes' + +interface ListGroupItemProps { + activeProfiles: Profile[] + inactiveProfiles: Profile[] + renderItem: (profile: Profile) => void +} + +function ListGroupItem ({ activeProfiles, inactiveProfiles, renderItem }: ListGroupItemProps) { + return ( +
+ { activeProfiles.length > 0 + ? activeProfiles.map(profile => renderItem(profile)) + : inactiveProfiles.map(profile => renderItem(profile)) + } +
+ ) +} + +export default ListGroupItem diff --git a/libs/remix-ui/plugin-manager/src/lib/components/rootView.tsx b/libs/remix-ui/plugin-manager/src/lib/components/rootView.tsx index 3c951b7ebf..266014cd7d 100644 --- a/libs/remix-ui/plugin-manager/src/lib/components/rootView.tsx +++ b/libs/remix-ui/plugin-manager/src/lib/components/rootView.tsx @@ -1,23 +1,38 @@ import React from 'react' +import { Profile } from '../../customTypes' import ActiveTile from './activeTile' +import ListGroupItem from './listGroupItem' -interface RowViewProps { +interface RootViewProps { localPluginButtonText: string - + activeProfiles: Profile[] + inactiveProfiles?: Profile[] + filterPlugins: () => void + openLocalPlugins: () => void + renderItem: (profile: Profile) => void } -function RootView () { +function RootView ({ + localPluginButtonText, + activeProfiles, + inactiveProfiles, + filterPlugins, + openLocalPlugins, + renderItem +}: RootViewProps) { return (
- +
-
- -
+
) diff --git a/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx b/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx index ca52b183e0..93f091f2a8 100644 --- a/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx +++ b/libs/remix-ui/plugin-manager/src/lib/remix-ui-plugin-manager.tsx @@ -1,19 +1,9 @@ import React from 'react' - -import './remix-ui-plugin-manager.css'; +import './remix-ui-plugin-manager.css' /* eslint-disable-next-line */ export interface RemixUiPluginManagerProps { - name: 'pluginManager', - displayName: 'Plugin manager', - methods: [], - events: [], - icon: 'assets/img/pluginManager.webp', - description: 'Start/stop services, modules and plugins', - kind: 'settings', - location: 'sidePanel', - documentation: 'https://remix-ide.readthedocs.io/en/latest/plugin_manager.html', - version: string + } export const RemixUiPluginManager = (props: RemixUiPluginManagerProps) => { @@ -21,7 +11,7 @@ export const RemixUiPluginManager = (props: RemixUiPluginManagerProps) => {

Welcome to remix-ui-plugin-manager!

- ); -}; + ) +} -export default RemixUiPluginManager; +export default RemixUiPluginManager diff --git a/nx.json b/nx.json index 58b46318d6..7243217040 100644 --- a/nx.json +++ b/nx.json @@ -108,8 +108,5 @@ "remix-ui-plugin-manager": { "tags": [] } - "remix-ui-settings": { - "tags": [] - } } }