Start a general component for a button to run a plan

Author: noemifrisina

src/blueapi/BlueapiComponents.tsx

@@ -1,5 +1,5 @@
 import React from "react";
-import { abortCurrentPlan } from "./blueapi";
+import { abortCurrentPlan, submitAndRunPlanImmediately } from "./blueapi";
 import {
   Alert,
   Button,
@@ -8,7 +8,37 @@ import {
   Tooltip,
 } from "@mui/material";
 
-export function RunPlanButton() {}
+type PlanButtonProps = {
+  btnLabel: string;
+  planName: string;
+  planParams?: object;
+  title?: string;
+  //   btnColour?: string;
+  //   btnVariant?: string;
+};
+
+export function RunPlanButton(props: PlanButtonProps) {
+  const params = props.planParams ? props.planParams : {};
+
+  return (
+    <div>
+      <Tooltip title={props.title ? props.title : ""} placement="bottom">
+        <Button
+          variant="contained"
+          color="custom"
+          onClick={() =>
+            submitAndRunPlanImmediately({
+              planName: props.planName,
+              planParams: params,
+            })
+          }
+        >
+          {props.btnLabel}
+        </Button>
+      </Tooltip>
+    </div>
+  );
+}
 
 export function AbortButton() {
   const [openMsg, setOpenMsg] = React.useState<boolean>(false);

src/screens/CollectionPanel.tsx

@@ -13,10 +13,7 @@ import {
 import { PvComponent } from "../pv/PvComponent";
 import React from "react";
 import { MapView, PumpProbeOptions } from "../components/CollectionComponents";
-import {
-  abortCurrentPlan,
-  submitAndRunPlanImmediately,
-} from "../blueapi/blueapi";
+import { submitAndRunPlanImmediately } from "../blueapi/blueapi";
 import { chipTypes, MapTypes, pumpProbeMode } from "../components/params";
 import { forceString } from "../pv/util";
 import { AbortButton } from "../blueapi/BlueapiComponents";