Merge pull request #100 from dream-aim-deliver/feature-case_study_int…

…egration

Feature case study integration

package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@maany_shr/kernel-planckster-sdk-ts": "^2.0.0-alpha",
-    "@maany_shr/rage-ui-kit": "1.3.1",
+    "@maany_shr/rage-ui-kit": "2.0.0-alpha",
     "@preact/signals-react": "^2.1.0",
     "@tanstack/react-query": "^5.25.0",
     "@tanstack/react-query-devtools": "^5.51.21",

src/app/_components/chat-page.tsx

@@ -21,7 +21,7 @@ export function ChatClientPageSkeleton() {
   return <ChatPage messages={[]} />;
 }
 
-export function ChatClientPage(props: { listMessagesViewModel: TListMessagesForConversationViewModel; researchContextExternalID: string; researchContextID: number; conversationID: number }) {
+export function ChatClientPage(props: { listMessagesViewModel: TListMessagesForConversationViewModel; researchContextExternalID: string; researchContextID: number; conversationID: number, className?: string }) {
   const [listMessagesViewModel, setListMessagesViewModel] = useState<TListMessagesForConversationViewModel>(props.listMessagesViewModel);
 
   const emptySendMessageViewModel: TSendMessageToConversationViewModel = {
@@ -146,11 +146,11 @@ export function ChatClientPage(props: { listMessagesViewModel: TListMessagesForC
   }, [sendMessageViewModel]);
 
   if (listMessagesViewModel.status === "request") {
-    return <ChatPage messages={[]} />;
+    return <ChatPage className={props.className} messages={[]} />;
   } else if (listMessagesViewModel.status === "error") {
     throw new Error(listMessagesViewModel.message);
   } else if (listMessagesViewModel.status === "success") {
-    return <ChatPage messages={getMessagesWithStatus()} onSendMessage={isMessageBeingSent ? undefined : handleSendMessage} />;
+    return <ChatPage className={props.className} messages={getMessagesWithStatus()} onSendMessage={isMessageBeingSent ? undefined : handleSendMessage} />;
   }
 
   throw new Error("Invalid state");

src/app/_components/create-case-study.tsx

@@ -0,0 +1,43 @@
+"use client";
+
+import { CaseStudyForm, useToast } from "@maany_shr/rage-ui-kit";
+import { CaseStudyParameters } from "@maany_shr/rage-ui-kit";
+import { useRouter } from "next/navigation";
+
+export const CreateCaseStudy = () => {
+  const availableCaseStudies = {
+    "climate-monitoring": "Climate Monitoring",
+    "sentinel-5p": "Sentinel 5P",
+  };
+
+  const { toast } = useToast();
+  const router = useRouter();
+
+  const onSubmit = (parameters: CaseStudyParameters) => {
+    if (!Object.keys(availableCaseStudies).includes(parameters.caseStudy)) {
+      toast({
+        variant: "error",
+        title: "No case study is specified",
+        description: "Please choose one of the available case studies.",
+      });
+      return;
+    }
+
+    if (Number.isNaN(parameters.jobId) || parameters.tracerId === "" || parameters.jobId < 0) {
+      toast({
+        variant: "error",
+        title: "Wrong parameters specified",
+        description: "Please make sure the job ID and tracer ID fields are not empty.",
+      });
+      return;
+    }
+
+    router.push(`/case-study?jobId=${parameters.jobId}&tracerId=${parameters.tracerId}&caseStudy=${parameters.caseStudy}`);
+  };
+
+  return (
+    <div className="flex grow items-center justify-center">
+      <CaseStudyForm caseStudies={availableCaseStudies} onSubmit={onSubmit} />
+    </div>
+  );
+};

src/app/_components/layouts/page-layout.tsx

@@ -11,6 +11,9 @@ export const PageLayout = (props: { children: React.ReactNode; isAuthenticated:
     <Link key="sources_link" href="/sources">
       Sources
     </Link>,
+    <Link key="case_studies_link" href="/case-study/create">
+      Case Study
+    </Link>,
     <a key="docs_link" href="https://dream-aim-deliver.github.io/planckster-docs/" target="_blank">
       Documentation
     </a>,