Fix problem submit UX

replayio · Jan 17, 2025 · 9e79118 · 9e79118
1 parent 9eb75c8
commit 9e79118
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 22 deletions.
diff --git a/app/components/chat/Chat.client.tsx b/app/components/chat/Chat.client.tsx
@@ -246,7 +246,7 @@ export const ChatImpl = memo(
        */
       await workbenchStore.saveAllFiles();
 
-      const { contentBase64, uniqueProjectName } = await workbenchStore.generateZipBase64();
+      const { contentBase64 } = await workbenchStore.generateZipBase64();
 
       let simulationClientData: SimulationPromptClientData | undefined;
       if (simulation) {

diff --git a/app/components/chat/LoadProblemButton.tsx b/app/components/chat/LoadProblemButton.tsx
@@ -56,13 +56,11 @@ export const LoadProblemButton: React.FC<LoadProblemButtonProps> = ({ className,
       });
     }
 
-    const folderName = problem.prompt.uniqueProjectName;
-
     try {
-      const messages = await createChatFromFolder(fileArtifacts, [], folderName);
+      const messages = await createChatFromFolder(fileArtifacts, [], "problem");
 
       if (importChat) {
-        await importChat(folderName, [...messages]);
+        await importChat("Imported problem", [...messages]);
       }
 
       logStore.logSystem('Problem loaded successfully', {

diff --git a/app/components/sidebar/SaveProblem.tsx b/app/components/sidebar/SaveProblem.tsx
@@ -2,6 +2,7 @@ import { toast } from "react-toastify";
 import ReactModal from 'react-modal';
 import { assert, sendCommandDedicatedClient } from "~/lib/replay/ReplayProtocolClient";
 import { useState } from "react";
+import { workbenchStore } from "~/lib/stores/workbench";
 
 ReactModal.setAppElement('#root');
 
@@ -12,9 +13,7 @@ ReactModal.setAppElement('#root');
 //
 // Must be JSON serializable.
 interface ProjectPrompt {
-  content: string; // base64 encoded
-  uniqueProjectName: string;
-  input: string;
+  content: string; // base64 encoded zip file
 }
 
 export interface BoltProblem {
@@ -28,7 +27,6 @@ export interface BoltProblem {
 
 export function SaveProblem() {
   const [isModalOpen, setIsModalOpen] = useState(false);
-  const [currentProjectPrompt, setCurrentProjectPrompt] = useState<ProjectPrompt | null>(null);
   const [formData, setFormData] = useState({
     title: '',
     description: '',
@@ -37,12 +35,7 @@ export function SaveProblem() {
   });
   const [problemId, setProblemId] = useState<string | null>(null);
 
-  const saveCurrentProblem = () => {
-    console.log('saveCurrentProblem');
-  };
-
-  const handleSaveProblem = (prompt: ProjectPrompt) => {
-    setCurrentProjectPrompt(prompt);
+  const handleSaveProblem = () => {
     setIsModalOpen(true);
     setFormData({
       title: '',
@@ -61,9 +54,7 @@ export function SaveProblem() {
     }));
   };
 
-  const handleSubmitProblem = async (e: React.MouseEvent) => {
-    toast.error("SubmitProblem NYI");
-    /*
+  const handleSubmitProblem = async () => {
     // Add validation here
     if (!formData.title) {
       toast.error('Please fill in title field');
@@ -74,15 +65,17 @@ export function SaveProblem() {
 
     console.log("SubmitProblem", formData);
 
-    assert(currentProjectPrompt);
+    await workbenchStore.saveAllFiles();
+    const { contentBase64 } = await workbenchStore.generateZipBase64();
+    const prompt: ProjectPrompt = { content: contentBase64 };
 
     const problem: BoltProblem = {
       version: 1,
       title: formData.title,
       description: formData.description,
       name: formData.name,
       email: formData.email,
-      prompt: currentProjectPrompt,
+      prompt,
     };
 
     try {
@@ -99,15 +92,14 @@ export function SaveProblem() {
       console.error("Error submitting problem", error);
       toast.error("Failed to submit problem");
     }
-    */
   }
 
   return (
     <>
       <a
         href="#"
         className="flex gap-2 bg-bolt-elements-sidebar-buttonBackgroundDefault text-bolt-elements-sidebar-buttonText hover:bg-bolt-elements-sidebar-buttonBackgroundHover rounded-md p-2 transition-theme"
-        onClick={saveCurrentProblem}
+        onClick={handleSaveProblem}
       >
         Save Problem
       </a>