Remove old navigation from sidebar
Summary: Remove the old sidebar, since the new one has been rolled out fully Reviewed By: jknoxville Differential Revision: D19659945 fbshipit-source-id: d1592df98fe69ef07d88d3a40790768dee3ab11c
This commit is contained in:
Michel Weststrate
committed by
Facebook Github Bot
Facebook Github Bot
parent
a9baf67fff
commit
b45a38390b
@@ -11,7 +11,6 @@ import React from 'react';
|
|||||||
import {FlexColumn, FlexRow} from 'flipper';
|
import {FlexColumn, FlexRow} from 'flipper';
|
||||||
import {connect} from 'react-redux';
|
import {connect} from 'react-redux';
|
||||||
import TitleBar from './chrome/TitleBar';
|
import TitleBar from './chrome/TitleBar';
|
||||||
import MainSidebar from './chrome/mainsidebar/MainSidebar';
|
|
||||||
import MainSidebar2 from './chrome/mainsidebar/MainSidebar2';
|
import MainSidebar2 from './chrome/mainsidebar/MainSidebar2';
|
||||||
import BugReporterDialog from './chrome/BugReporterDialog';
|
import BugReporterDialog from './chrome/BugReporterDialog';
|
||||||
import ErrorBar from './chrome/ErrorBar';
|
import ErrorBar from './chrome/ErrorBar';
|
||||||
@@ -46,7 +45,6 @@ import PluginManager from './chrome/PluginManager';
|
|||||||
import StatusBar from './chrome/StatusBar';
|
import StatusBar from './chrome/StatusBar';
|
||||||
import SettingsSheet from './chrome/SettingsSheet';
|
import SettingsSheet from './chrome/SettingsSheet';
|
||||||
import DoctorSheet from './chrome/DoctorSheet';
|
import DoctorSheet from './chrome/DoctorSheet';
|
||||||
import GK from './fb-stubs/GK';
|
|
||||||
|
|
||||||
const version = remote.app.getVersion();
|
const version = remote.app.getVersion();
|
||||||
|
|
||||||
@@ -135,7 +133,6 @@ export class App extends React.Component<Props> {
|
|||||||
};
|
};
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
const useNewSidebar = GK.get('flipper_sidebar2');
|
|
||||||
return (
|
return (
|
||||||
<FlexColumn grow={true}>
|
<FlexColumn grow={true}>
|
||||||
<TitleBar version={version} />
|
<TitleBar version={version} />
|
||||||
@@ -143,8 +140,7 @@ export class App extends React.Component<Props> {
|
|||||||
<ErrorBar />
|
<ErrorBar />
|
||||||
<Sheet>{this.getSheet}</Sheet>
|
<Sheet>{this.getSheet}</Sheet>
|
||||||
<FlexRow grow={true}>
|
<FlexRow grow={true}>
|
||||||
{this.props.leftSidebarVisible &&
|
{this.props.leftSidebarVisible && <MainSidebar2 />}
|
||||||
(useNewSidebar ? <MainSidebar2 /> : <MainSidebar />)}
|
|
||||||
{this.props.staticView != null ? (
|
{this.props.staticView != null ? (
|
||||||
React.createElement(this.props.staticView, {
|
React.createElement(this.props.staticView, {
|
||||||
logger: this.props.logger,
|
logger: this.props.logger,
|
||||||
|
|||||||
@@ -1,439 +0,0 @@
|
|||||||
/**
|
|
||||||
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
||||||
*
|
|
||||||
* This source code is licensed under the MIT license found in the
|
|
||||||
* LICENSE file in the root directory of this source tree.
|
|
||||||
*
|
|
||||||
* @format
|
|
||||||
*/
|
|
||||||
|
|
||||||
import BaseDevice from '../../devices/BaseDevice';
|
|
||||||
import Client from '../../Client';
|
|
||||||
import {UninitializedClient} from '../../UninitializedClient';
|
|
||||||
import {sortPluginsByName} from '../../utils/pluginUtils';
|
|
||||||
import {PluginNotification} from '../../reducers/notifications';
|
|
||||||
import {ActiveSheet} from '../../reducers/application';
|
|
||||||
import {State as Store} from '../../reducers';
|
|
||||||
import {
|
|
||||||
Sidebar,
|
|
||||||
colors,
|
|
||||||
Glyph,
|
|
||||||
styled,
|
|
||||||
GK,
|
|
||||||
FlipperPlugin,
|
|
||||||
FlipperDevicePlugin,
|
|
||||||
Button,
|
|
||||||
ArchivedDevice,
|
|
||||||
SmallText,
|
|
||||||
Info,
|
|
||||||
} from 'flipper';
|
|
||||||
import React, {PureComponent, Fragment} from 'react';
|
|
||||||
import {
|
|
||||||
selectPlugin,
|
|
||||||
starPlugin,
|
|
||||||
StaticView,
|
|
||||||
setStaticView,
|
|
||||||
selectClient,
|
|
||||||
getAvailableClients,
|
|
||||||
getClientById,
|
|
||||||
} from '../../reducers/connections';
|
|
||||||
import {setActiveSheet} from '../../reducers/application';
|
|
||||||
import {connect} from 'react-redux';
|
|
||||||
import SupportRequestFormManager from '../../fb-stubs/SupportRequestFormManager';
|
|
||||||
import SupportRequestDetails from '../../fb-stubs/SupportRequestDetails';
|
|
||||||
import MainSidebarUtils from './MainSidebarUtilsSection';
|
|
||||||
import {
|
|
||||||
ListItem,
|
|
||||||
isStaticViewActive,
|
|
||||||
FlipperPlugins,
|
|
||||||
PluginsByCategory,
|
|
||||||
PluginName,
|
|
||||||
PluginIcon,
|
|
||||||
Plugins,
|
|
||||||
ErrorIndicator,
|
|
||||||
Spinner,
|
|
||||||
CategoryName,
|
|
||||||
PluginSidebarListItem,
|
|
||||||
NoDevices,
|
|
||||||
getFavoritePlugins,
|
|
||||||
} from './sidebarUtils';
|
|
||||||
|
|
||||||
const SidebarButton = styled(Button)<{small?: boolean}>(({small}) => ({
|
|
||||||
fontWeight: 'bold',
|
|
||||||
fontSize: small ? 11 : 14,
|
|
||||||
width: '100%',
|
|
||||||
overflow: 'hidden',
|
|
||||||
marginTop: small ? 0 : 20,
|
|
||||||
pointer: 'cursor',
|
|
||||||
border: 'none',
|
|
||||||
background: 'none',
|
|
||||||
padding: 0,
|
|
||||||
justifyContent: 'left',
|
|
||||||
whiteSpace: 'nowrap',
|
|
||||||
}));
|
|
||||||
|
|
||||||
type OwnProps = {};
|
|
||||||
|
|
||||||
type StateFromProps = {
|
|
||||||
numNotifications: number;
|
|
||||||
windowIsFocused: boolean;
|
|
||||||
selectedDevice: BaseDevice | null | undefined;
|
|
||||||
staticView: StaticView;
|
|
||||||
selectedPlugin: string | null | undefined;
|
|
||||||
selectedApp: string | null | undefined;
|
|
||||||
userStarredPlugins: Store['connections']['userStarredPlugins'];
|
|
||||||
clients: Array<Client>;
|
|
||||||
uninitializedClients: Array<{
|
|
||||||
client: UninitializedClient;
|
|
||||||
deviceId?: string;
|
|
||||||
errorMessage?: string;
|
|
||||||
}>;
|
|
||||||
devicePlugins: Map<string, typeof FlipperDevicePlugin>;
|
|
||||||
clientPlugins: Map<string, typeof FlipperPlugin>;
|
|
||||||
};
|
|
||||||
|
|
||||||
type DispatchFromProps = {
|
|
||||||
selectPlugin: (payload: {
|
|
||||||
selectedPlugin: string | null;
|
|
||||||
selectedApp: string | null;
|
|
||||||
deepLinkPayload: string | null;
|
|
||||||
selectedDevice: BaseDevice;
|
|
||||||
}) => void;
|
|
||||||
selectClient: typeof selectClient;
|
|
||||||
setActiveSheet: (activeSheet: ActiveSheet) => void;
|
|
||||||
setStaticView: (payload: StaticView) => void;
|
|
||||||
starPlugin: typeof starPlugin;
|
|
||||||
};
|
|
||||||
|
|
||||||
type Props = OwnProps & StateFromProps & DispatchFromProps;
|
|
||||||
type State = {
|
|
||||||
showAllPlugins: boolean;
|
|
||||||
};
|
|
||||||
|
|
||||||
class MainSidebar extends PureComponent<Props, State> {
|
|
||||||
state: State = {
|
|
||||||
showAllPlugins: false,
|
|
||||||
};
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const {
|
|
||||||
selectedDevice,
|
|
||||||
selectClient,
|
|
||||||
selectedPlugin,
|
|
||||||
selectedApp,
|
|
||||||
selectPlugin,
|
|
||||||
uninitializedClients,
|
|
||||||
} = this.props;
|
|
||||||
const clients = getAvailableClients(selectedDevice, this.props.clients);
|
|
||||||
const client: Client | undefined = getClientById(clients, selectedApp);
|
|
||||||
|
|
||||||
return (
|
|
||||||
<Sidebar position="left" width={200} backgroundColor={colors.light02}>
|
|
||||||
<Plugins>
|
|
||||||
{selectedDevice ? (
|
|
||||||
<>
|
|
||||||
<ListItem>
|
|
||||||
<SidebarButton>{selectedDevice.title}</SidebarButton>
|
|
||||||
</ListItem>
|
|
||||||
{this.showArchivedDeviceDetails(selectedDevice)}
|
|
||||||
{selectedDevice.devicePlugins.map(pluginName => {
|
|
||||||
const plugin = this.props.devicePlugins.get(pluginName)!;
|
|
||||||
return (
|
|
||||||
<PluginSidebarListItem
|
|
||||||
key={plugin.id}
|
|
||||||
isActive={plugin.id === selectedPlugin}
|
|
||||||
onClick={() =>
|
|
||||||
selectPlugin({
|
|
||||||
selectedPlugin: plugin.id,
|
|
||||||
selectedApp: null,
|
|
||||||
deepLinkPayload: null,
|
|
||||||
selectedDevice,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
plugin={plugin}
|
|
||||||
/>
|
|
||||||
);
|
|
||||||
})}
|
|
||||||
<ListItem>
|
|
||||||
<SidebarButton
|
|
||||||
title="Select an app to see available plugins"
|
|
||||||
compact={true}
|
|
||||||
dropdown={clients.map(c => ({
|
|
||||||
checked: client === c,
|
|
||||||
label: c.query.app,
|
|
||||||
type: 'checkbox',
|
|
||||||
click: () => selectClient(c.id),
|
|
||||||
}))}>
|
|
||||||
{clients.length === 0 ? (
|
|
||||||
<>
|
|
||||||
<Glyph
|
|
||||||
name="mobile-engagement"
|
|
||||||
size={16}
|
|
||||||
color={colors.red}
|
|
||||||
style={{marginRight: 10}}
|
|
||||||
/>
|
|
||||||
No clients connected
|
|
||||||
</>
|
|
||||||
) : !client ? (
|
|
||||||
'Select client'
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
{client.query.app}
|
|
||||||
<Glyph
|
|
||||||
size={12}
|
|
||||||
name="chevron-down"
|
|
||||||
style={{marginLeft: 8}}
|
|
||||||
/>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</SidebarButton>
|
|
||||||
</ListItem>
|
|
||||||
{this.renderClientPlugins(selectedDevice, client)}
|
|
||||||
{uninitializedClients.map(entry => (
|
|
||||||
<ListItem key={JSON.stringify(entry.client)}>
|
|
||||||
{entry.client.appName}
|
|
||||||
{entry.errorMessage ? (
|
|
||||||
<ErrorIndicator name={'mobile-cross'} size={16} />
|
|
||||||
) : (
|
|
||||||
<Spinner size={16} />
|
|
||||||
)}
|
|
||||||
</ListItem>
|
|
||||||
))}
|
|
||||||
</>
|
|
||||||
) : (
|
|
||||||
<NoDevices />
|
|
||||||
)}
|
|
||||||
</Plugins>
|
|
||||||
<MainSidebarUtils />
|
|
||||||
</Sidebar>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
showArchivedDeviceDetails(selectedDevice: BaseDevice) {
|
|
||||||
if (!selectedDevice.isArchived || !selectedDevice.source) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const {staticView, setStaticView} = this.props;
|
|
||||||
const supportRequestDetailsactive = isStaticViewActive(
|
|
||||||
staticView,
|
|
||||||
SupportRequestDetails,
|
|
||||||
);
|
|
||||||
const showSupportForm =
|
|
||||||
GK.get('support_requests_v2') ||
|
|
||||||
isStaticViewActive(staticView, SupportRequestFormManager);
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
<ListItem>
|
|
||||||
<Info type="warning" small>
|
|
||||||
{selectedDevice.source ? 'Imported device' : 'Archived device'}
|
|
||||||
</Info>
|
|
||||||
</ListItem>
|
|
||||||
{showSupportForm &&
|
|
||||||
(selectedDevice as ArchivedDevice).supportRequestDetails && (
|
|
||||||
<ListItem
|
|
||||||
active={supportRequestDetailsactive}
|
|
||||||
onClick={() => setStaticView(SupportRequestDetails)}>
|
|
||||||
<PluginIcon
|
|
||||||
color={colors.light50}
|
|
||||||
name={'app-dailies'}
|
|
||||||
isActive={supportRequestDetailsactive}
|
|
||||||
/>
|
|
||||||
<PluginName isActive={supportRequestDetailsactive}>
|
|
||||||
Support Request Details
|
|
||||||
</PluginName>
|
|
||||||
</ListItem>
|
|
||||||
)}
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
renderPluginsByCategory(
|
|
||||||
client: Client,
|
|
||||||
plugins: FlipperPlugins,
|
|
||||||
starred: boolean,
|
|
||||||
onFavorite: (pluginId: string) => void,
|
|
||||||
) {
|
|
||||||
const {
|
|
||||||
selectedPlugin,
|
|
||||||
selectedApp,
|
|
||||||
selectPlugin,
|
|
||||||
selectedDevice,
|
|
||||||
} = this.props;
|
|
||||||
return groupPluginsByCategory(plugins).map(([category, plugins]) => (
|
|
||||||
<Fragment key={category}>
|
|
||||||
{category && (
|
|
||||||
<ListItem>
|
|
||||||
<CategoryName>{category}</CategoryName>
|
|
||||||
</ListItem>
|
|
||||||
)}
|
|
||||||
{plugins.map(plugin => (
|
|
||||||
<PluginSidebarListItem
|
|
||||||
key={plugin.id}
|
|
||||||
isActive={plugin.id === selectedPlugin && selectedApp === client.id}
|
|
||||||
onClick={() =>
|
|
||||||
selectPlugin({
|
|
||||||
selectedPlugin: plugin.id,
|
|
||||||
selectedApp: client.id,
|
|
||||||
deepLinkPayload: null,
|
|
||||||
selectedDevice: selectedDevice!,
|
|
||||||
})
|
|
||||||
}
|
|
||||||
plugin={plugin}
|
|
||||||
app={client.query.app}
|
|
||||||
onFavorite={() => onFavorite(plugin.id)}
|
|
||||||
starred={starred}
|
|
||||||
/>
|
|
||||||
))}
|
|
||||||
</Fragment>
|
|
||||||
));
|
|
||||||
}
|
|
||||||
|
|
||||||
renderClientPlugins(device: BaseDevice, client?: Client) {
|
|
||||||
if (!client) {
|
|
||||||
return null;
|
|
||||||
}
|
|
||||||
const onFavorite = (plugin: string) => {
|
|
||||||
this.props.starPlugin({
|
|
||||||
selectedApp: client.query.app,
|
|
||||||
selectedPlugin: plugin,
|
|
||||||
});
|
|
||||||
};
|
|
||||||
const allPlugins = Array.from(this.props.clientPlugins.values()).filter(
|
|
||||||
(p: typeof FlipperPlugin) => client.plugins.indexOf(p.id) > -1,
|
|
||||||
);
|
|
||||||
const favoritePlugins: FlipperPlugins = getFavoritePlugins(
|
|
||||||
device,
|
|
||||||
client,
|
|
||||||
allPlugins,
|
|
||||||
this.props.userStarredPlugins[client.query.app],
|
|
||||||
true,
|
|
||||||
);
|
|
||||||
const showAllPlugins =
|
|
||||||
this.state.showAllPlugins ||
|
|
||||||
favoritePlugins.length === 0 ||
|
|
||||||
// If the plugin is part of the hidden section, make sure sidebar is expanded
|
|
||||||
(client.plugins.includes(this.props.selectedPlugin!) &&
|
|
||||||
!favoritePlugins.find(
|
|
||||||
plugin => plugin.id === this.props.selectedPlugin,
|
|
||||||
));
|
|
||||||
return (
|
|
||||||
<>
|
|
||||||
{favoritePlugins.length === 0 ? (
|
|
||||||
<ListItem>
|
|
||||||
<SmallText center>No plugins enabled</SmallText>
|
|
||||||
</ListItem>
|
|
||||||
) : (
|
|
||||||
<>
|
|
||||||
{this.renderPluginsByCategory(
|
|
||||||
client,
|
|
||||||
favoritePlugins,
|
|
||||||
true,
|
|
||||||
onFavorite,
|
|
||||||
)}
|
|
||||||
<ListItem>
|
|
||||||
{favoritePlugins.length === allPlugins.length ? null : (
|
|
||||||
<SidebarButton
|
|
||||||
small
|
|
||||||
compact
|
|
||||||
onClick={() =>
|
|
||||||
this.setState(state => ({
|
|
||||||
...state,
|
|
||||||
showAllPlugins: !state.showAllPlugins,
|
|
||||||
}))
|
|
||||||
}>
|
|
||||||
{showAllPlugins ? 'Show less' : 'Show more'}
|
|
||||||
<Glyph
|
|
||||||
size={8}
|
|
||||||
name={showAllPlugins ? 'chevron-up' : 'chevron-down'}
|
|
||||||
style={{
|
|
||||||
marginLeft: 4,
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
</SidebarButton>
|
|
||||||
)}
|
|
||||||
</ListItem>
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
<div
|
|
||||||
style={{
|
|
||||||
flex: 'auto' /*scroll this region, not the entire thing*/,
|
|
||||||
overflow: 'auto',
|
|
||||||
height: 'auto',
|
|
||||||
}}>
|
|
||||||
{showAllPlugins
|
|
||||||
? this.renderPluginsByCategory(
|
|
||||||
client,
|
|
||||||
getFavoritePlugins(
|
|
||||||
device,
|
|
||||||
client,
|
|
||||||
allPlugins,
|
|
||||||
this.props.userStarredPlugins[client.query.app],
|
|
||||||
false,
|
|
||||||
),
|
|
||||||
false,
|
|
||||||
onFavorite,
|
|
||||||
)
|
|
||||||
: null}
|
|
||||||
</div>
|
|
||||||
</>
|
|
||||||
);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function groupPluginsByCategory(plugins: FlipperPlugins): PluginsByCategory {
|
|
||||||
const sortedPlugins = plugins.slice().sort(sortPluginsByName);
|
|
||||||
const byCategory: {[cat: string]: FlipperPlugins} = {};
|
|
||||||
const res: PluginsByCategory = [];
|
|
||||||
sortedPlugins.forEach(plugin => {
|
|
||||||
const category = plugin.category || '';
|
|
||||||
(byCategory[category] || (byCategory[category] = [])).push(plugin);
|
|
||||||
});
|
|
||||||
// Sort categories
|
|
||||||
Object.keys(byCategory)
|
|
||||||
.sort()
|
|
||||||
.forEach(category => {
|
|
||||||
res.push([category, byCategory[category]]);
|
|
||||||
});
|
|
||||||
return res;
|
|
||||||
}
|
|
||||||
|
|
||||||
export default connect<StateFromProps, DispatchFromProps, OwnProps, Store>(
|
|
||||||
({
|
|
||||||
application: {windowIsFocused},
|
|
||||||
connections: {
|
|
||||||
selectedDevice,
|
|
||||||
selectedPlugin,
|
|
||||||
selectedApp,
|
|
||||||
userStarredPlugins,
|
|
||||||
clients,
|
|
||||||
uninitializedClients,
|
|
||||||
staticView,
|
|
||||||
},
|
|
||||||
notifications: {activeNotifications, blacklistedPlugins},
|
|
||||||
plugins: {devicePlugins, clientPlugins},
|
|
||||||
}) => ({
|
|
||||||
numNotifications: (() => {
|
|
||||||
const blacklist = new Set(blacklistedPlugins);
|
|
||||||
return activeNotifications.filter(
|
|
||||||
(n: PluginNotification) => !blacklist.has(n.pluginId),
|
|
||||||
).length;
|
|
||||||
})(),
|
|
||||||
windowIsFocused,
|
|
||||||
selectedDevice,
|
|
||||||
staticView,
|
|
||||||
selectedPlugin,
|
|
||||||
selectedApp,
|
|
||||||
userStarredPlugins,
|
|
||||||
clients,
|
|
||||||
uninitializedClients,
|
|
||||||
devicePlugins,
|
|
||||||
clientPlugins,
|
|
||||||
}),
|
|
||||||
{
|
|
||||||
selectPlugin,
|
|
||||||
selectClient,
|
|
||||||
setStaticView,
|
|
||||||
setActiveSheet,
|
|
||||||
starPlugin,
|
|
||||||
},
|
|
||||||
)(MainSidebar);
|
|
||||||
@@ -16,7 +16,6 @@ import {
|
|||||||
styled,
|
styled,
|
||||||
FlipperPlugin,
|
FlipperPlugin,
|
||||||
FlexColumn,
|
FlexColumn,
|
||||||
LoadingIndicator,
|
|
||||||
FlipperBasePlugin,
|
FlipperBasePlugin,
|
||||||
ToggleButton,
|
ToggleButton,
|
||||||
brandColors,
|
brandColors,
|
||||||
@@ -24,8 +23,8 @@ import {
|
|||||||
Heading,
|
Heading,
|
||||||
Client,
|
Client,
|
||||||
BaseDevice,
|
BaseDevice,
|
||||||
|
StaticView,
|
||||||
} from 'flipper';
|
} from 'flipper';
|
||||||
import {StaticView} from '../../reducers/connections';
|
|
||||||
import {BackgroundColorProperty} from 'csstype';
|
import {BackgroundColorProperty} from 'csstype';
|
||||||
import {getPluginTitle} from '../../utils/pluginUtils';
|
import {getPluginTitle} from '../../utils/pluginUtils';
|
||||||
|
|
||||||
@@ -71,7 +70,7 @@ export function PluginIcon({
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
export const PluginShape = styled(FlexBox)<{
|
const PluginShape = styled(FlexBox)<{
|
||||||
backgroundColor?: BackgroundColorProperty;
|
backgroundColor?: BackgroundColorProperty;
|
||||||
}>(({backgroundColor}) => ({
|
}>(({backgroundColor}) => ({
|
||||||
marginRight: 8,
|
marginRight: 8,
|
||||||
@@ -131,19 +130,6 @@ export const Plugins = styled(FlexColumn)({
|
|||||||
overflow: 'auto',
|
overflow: 'auto',
|
||||||
});
|
});
|
||||||
|
|
||||||
export const Spinner = centerInSidebar(LoadingIndicator);
|
|
||||||
|
|
||||||
export const ErrorIndicator = centerInSidebar(Glyph);
|
|
||||||
|
|
||||||
export function centerInSidebar(component: any) {
|
|
||||||
return styled(component)({
|
|
||||||
marginTop: '10px',
|
|
||||||
marginBottom: '10px',
|
|
||||||
marginLeft: 'auto',
|
|
||||||
marginRight: 'auto',
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
export const PluginSidebarListItem: React.FC<{
|
export const PluginSidebarListItem: React.FC<{
|
||||||
onClick: () => void;
|
onClick: () => void;
|
||||||
isActive: boolean;
|
isActive: boolean;
|
||||||
|
|||||||
Reference in New Issue
Block a user