diff --git a/libs/remix-ui/statusbar/src/index.ts b/libs/remix-ui/statusbar/src/index.ts new file mode 100644 index 0000000000..9c8a70edde --- /dev/null +++ b/libs/remix-ui/statusbar/src/index.ts @@ -0,0 +1,2 @@ +export * from './lib/remixui-statusbar-panel' +export { StatusBarInterface } from './lib/types' diff --git a/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx new file mode 100644 index 0000000000..0aa9b5a6e6 --- /dev/null +++ b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx @@ -0,0 +1,9 @@ +import React from 'react' + +export default function GitStatus() { + return ( +
+
Git Status
+
+ ) +} diff --git a/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx new file mode 100644 index 0000000000..1d4b7fca52 --- /dev/null +++ b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx @@ -0,0 +1,15 @@ +import React from 'react' +import { StatusBarInterface } from './types' +import GitStatus from './components/gitStatus' + +export interface RemixUIStatusBarProps { + statusBarPlugin: StatusBarInterface +} + +export function RemixUIStatusBar ({ statusBarPlugin }: RemixUIStatusBarProps) { + return ( +
+ +
+ ) +} diff --git a/libs/remix-ui/statusbar/src/lib/types/index.ts b/libs/remix-ui/statusbar/src/lib/types/index.ts new file mode 100644 index 0000000000..3bb309f618 --- /dev/null +++ b/libs/remix-ui/statusbar/src/lib/types/index.ts @@ -0,0 +1,19 @@ +import EventEmitter from 'events' +export interface PluginProfile { + name: string + displayName: string + description: string + keywords?: string[] + icon?: string + url?: string + methods?: string[] + events?: string[] + version?: string +} + +export interface StatusBarInterface extends Plugin { + htmlElement: HTMLDivElement + events: EventEmitter + dispatch: React.Dispatch + setDispatch(dispatch: React.Dispatch): void +}