pull/5370/head
bunsenstraat 3 years ago
parent 3d587833be
commit 5c7b50ef35
  1. 2
      apps/remix-ide/src/app/components/hidden-panel.tsx
  2. 2
      apps/remix-ide/src/app/components/main-panel.tsx
  3. 3
      apps/remix-ide/src/app/components/side-panel.tsx
  4. 34
      libs/remix-ui/panel/.eslintrc.json
  5. 5
      libs/remix-ui/panel/src/lib/remix-ui-panel.tsx

@ -25,6 +25,6 @@ export class HiddenPanel extends AbstractPanel {
} }
renderComponent () { renderComponent () {
ReactDOM.render(<RemixPanel plugins={this.plugins}/>, this.el) ReactDOM.render(<RemixPanel header={<></>} plugins={this.plugins}/>, this.el)
} }
} }

@ -51,6 +51,6 @@ export class MainPanel extends AbstractPanel {
} }
renderComponent () { renderComponent () {
ReactDOM.render(<RemixPanel plugins={this.plugins}/>, this.element) ReactDOM.render(<RemixPanel header={<></>} plugins={this.plugins}/>, this.element)
} }
} }

@ -6,6 +6,7 @@ import { RemixPanel } from '@remix-ui/panel'
import packageJson from '../../../../../package.json' import packageJson from '../../../../../package.json'
import { RemixAppManager } from '../../remixAppManager' import { RemixAppManager } from '../../remixAppManager'
import { VerticalIcons } from 'libs/remix-ui/vertical-icons-panel/types/vertical-icons-panel' import { VerticalIcons } from 'libs/remix-ui/vertical-icons-panel/types/vertical-icons-panel'
import RemixUIPanelHeader from 'libs/remix-ui/panel/src/lib/panel-header'
// const csjs = require('csjs-inject') // const csjs = require('csjs-inject')
const sidePanel = { const sidePanel = {
@ -88,6 +89,6 @@ export class SidePanel extends AbstractPanel {
} }
renderComponent () { renderComponent () {
ReactDOM.render(<RemixPanel plugins={this.plugins}/>, this.sideelement) ReactDOM.render(<RemixPanel header={<RemixUIPanelHeader plugins={this.plugins}></RemixUIPanelHeader>} plugins={this.plugins}/>, this.sideelement)
} }
} }

@ -1,18 +1,18 @@
{ {
"extends": ["plugin:@nrwl/nx/react", "../../../.eslintrc.json"], "env": {
"ignorePatterns": ["!**/*"], "browser": true,
"overrides": [ "es6": true
{ },
"files": ["*.ts", "*.tsx", "*.js", "*.jsx"], "extends": "../../../.eslintrc",
"rules": {} "globals": {
}, "Atomics": "readonly",
{ "SharedArrayBuffer": "readonly"
"files": ["*.ts", "*.tsx"], },
"rules": {} "parserOptions": {
}, "ecmaVersion": 11,
{ "sourceType": "module"
"files": ["*.js", "*.jsx"], },
"rules": {} "rules": {
} "standard/no-callback-literal": "off"
] }
} }

@ -6,14 +6,15 @@ import { PluginRecord } from './types';
/* eslint-disable-next-line */ /* eslint-disable-next-line */
export interface RemixPanelProps { export interface RemixPanelProps {
plugins: Record<string, PluginRecord>; plugins: Record<string, PluginRecord>
header: JSX.Element
} }
export function RemixPanel(props: RemixPanelProps) { export function RemixPanel(props: RemixPanelProps) {
return ( return (
<div className='panel plugin-manager'> <div className='panel plugin-manager'>
<RemixUIPanelHeader plugins={props.plugins}></RemixUIPanelHeader> {props.header}
<div className="pluginsContainer"> <div className="pluginsContainer">
{Object.values(props.plugins).map((pluginRecord) => { {Object.values(props.plugins).map((pluginRecord) => {
return <RemixUIPanelPlugin key={pluginRecord.profile.name} pluginRecord={pluginRecord} /> return <RemixUIPanelPlugin key={pluginRecord.profile.name} pluginRecord={pluginRecord} />

Loading…
Cancel
Save