Wire up single end fastqs

Author: mvdbeek

app/components/Entity/components/ConfigureWorkflowInputs/components/Main/components/Stepper/components/Step/LaunchStep/launchStep.tsx

@@ -0,0 +1,30 @@
+import { Step } from "@databiosphere/findable-ui/lib/components/Stepper/components/Step/step";
+import { StepContent } from "@databiosphere/findable-ui/lib/components/Stepper/components/Step/components/StepContent/stepContent";
+import { StepLabel } from "@databiosphere/findable-ui/lib/components/Stepper/components/Step/components/StepLabel/stepLabel";
+import { StepProps } from "../types";
+import { Button } from "@mui/material";
+import { BUTTON_PROPS } from "@databiosphere/findable-ui/lib/components/common/Button/constants";
+
+export const LaunchStep = ({
+  active,
+  completed,
+  entryLabel,
+  index,
+  onLaunchGalaxy,
+  status,
+}: StepProps): JSX.Element => {
+  return (
+    <Step active={active} completed={completed} index={index}>
+      <StepLabel>{entryLabel}</StepLabel>
+      <StepContent>
+        <Button
+          {...BUTTON_PROPS.PRIMARY_CONTAINED}
+          disabled={status.disabled || status.loading}
+          onClick={onLaunchGalaxy}
+        >
+          Launch In Galaxy
+        </Button>
+      </StepContent>
+    </Step>
+  );
+};

app/components/Entity/components/ConfigureWorkflowInputs/components/Main/components/Stepper/components/Step/LaunchStep/step.ts

@@ -0,0 +1,11 @@
+import { StepConfig } from "../types";
+import { LaunchStep } from "./launchStep";
+
+export const STEP = {
+  Step: LaunchStep,
+  key: "referenceAssembly", // Reuse an existing key but won't actually configure anything
+  label: "Launch Workflow",
+  renderValue(): string | undefined {
+    return undefined;
+  },
+} satisfies StepConfig;

app/components/Entity/components/ConfigureWorkflowInputs/components/Main/components/Stepper/components/Step/PairedEndStep/step.ts

@@ -6,14 +6,14 @@ import { BUTTON_PROPS } from "@databiosphere/findable-ui/lib/components/common/B
 import { useState } from "react";
 import { Table } from "./components/Table/table";
 import { RowSelectionState } from "@tanstack/table-core";
-import { STEP } from "../../../../step";
 import { buildEnaPairedReads } from "../../utils";
 
 export const CollectionSelector = ({
   onClose,
   onConfigure,
   open,
   selectedCount,
+  stepKey,
   table,
 }: Props): JSX.Element => {
   const [rowSelection, setRowSelection] = useState<RowSelectionState>({});
@@ -40,7 +40,7 @@ export const CollectionSelector = ({
           {...BUTTON_PROPS.PRIMARY_CONTAINED}
           disabled={selectedCount === 0}
           onClick={() => {
-            onConfigure(STEP.key, buildEnaPairedReads(table));
+            onConfigure(stepKey, buildEnaPairedReads(table));
             onClose();
           }}
         >