revenge-bundle-next/src/plugins/init/developer-settings/definitions/ReactDevToolsConnectSetting.tsx
2025-06-03 16:24:58 +07:00

22 lines
722 B
TypeScript

import TableRowAssetIcon from '~/components/TableRowAssetIcon'
import { MobileSetting } from '../constants'
import {
connectToDevTools,
DevToolsContext,
useIsDevToolsOpen,
} from '../react-devtools'
import type { SettingsItem } from '@revenge-mod/discord/modules/settings'
const ReactDevToolsConnectSetting: SettingsItem = {
parent: MobileSetting.REVENGE_DEVELOPER,
IconComponent: () => <TableRowAssetIcon name="LinkIcon" />,
title: () => 'Connect to React DevTools',
usePredicate: () => {
const dtOpen = useIsDevToolsOpen()
return DevToolsContext.available && !dtOpen
},
onPress: connectToDevTools,
type: 'pressable',
}
export default ReactDevToolsConnectSetting