add types

libs/remix-ui/statusbar/src/index.ts

@@ -0,0 +1,2 @@
+export * from './lib/remixui-statusbar-panel'
+export { StatusBarInterface } from './lib/types'

libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function GitStatus() {
+  return (
+    <div className="d-flex flex-row">
+      <h6>Git Status</h6>
+    </div>
+  )
+}

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 (
+    <div className="d-flex flex-row bg-primary">
+      <GitStatus />
+    </div>
+  )
+}

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<any>
+  setDispatch(dispatch: React.Dispatch<any>): void
+}