Add stubbed question page with custom name

packages/sites/genomics-site/webapp/wdkCustomization/js/client/components/questions/GenesByEdaSubsetting.tsx

@@ -0,0 +1,30 @@
+import React, { useMemo } from 'react';
+
+import { EbrcDefaultQuestionForm } from '@veupathdb/web-common/lib/components/questions/EbrcDefaultQuestionForm';
+
+import { Props } from '@veupathdb/wdk-client/lib/Views/Question/DefaultQuestionForm';
+import { useLocation } from 'react-router-dom';
+
+export function GenesByEdaSubsetting(props: Props) {
+  const location = useLocation();
+  const params = new URLSearchParams(location.search);
+  const datasetId = params.get('datasetId');
+  const xformProps = useMemo(() => {
+    return {
+      ...props,
+      state: {
+        ...props.state,
+        question: {
+          ...props.state.question,
+          displayName: `${props.state.question.displayName}: ${datasetId}`,
+        },
+      },
+    };
+  }, [datasetId, props]);
+  return (
+    <>
+      <pre>{JSON.stringify({ datasetId })}</pre>
+      <EbrcDefaultQuestionForm {...xformProps} />
+    </>
+  );
+}

packages/sites/genomics-site/webapp/wdkCustomization/js/client/pluginConfig.tsx

@@ -40,6 +40,7 @@ import {
   isOrganismParam,
 } from '@veupathdb/preferred-organisms/lib/components/OrganismParam';
 import { EdaSubsettingParameter } from './components/questions/EdaSubsettingParameter';
+import { GenesByEdaSubsetting } from './components/questions/GenesByEdaSubsetting';
 
 const BlastForm = React.lazy(() => import('./plugins/BlastForm'));
 const BlastQuestionController = React.lazy(
@@ -133,6 +134,11 @@ const apiPluginConfig: ClientPluginRegistryEntry<any>[] = [
       </Suspense>
     ),
   },
+  // {
+  //   type: 'questionForm',
+  //   name: 'GenesByEda',
+  //   component: GenesByEdaSubsetting,
+  // },
   {
     type: 'questionForm',
     name: 'ByGenotypeNumber',