handle coding state correctly

abi · abi · commit 8008513a6c64 · 2023-12-06T15:42:33.000-05:00
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
@@ -366,6 +366,7 @@ function App() {
                   return;
                 setGeneratedCode(appHistory[index].code);
               }}
+              shouldDisableReverts={appState === AppState.CODING}
             />
           }
         </div>
diff --git a/frontend/src/components/HistoryDisplay.tsx b/frontend/src/components/HistoryDisplay.tsx
@@ -1,9 +1,11 @@
 import { ScrollArea } from "@/components/ui/scroll-area";
 import { History, HistoryItemType } from "../history_types";
+import toast from "react-hot-toast";
 
 interface Props {
   history: History;
   revertToVersion: (version: number) => void;
+  shouldDisableReverts: boolean;
 }
 
 function displayHistoryItemType(itemType: HistoryItemType) {
@@ -24,7 +26,11 @@ function displayHistoryItemType(itemType: HistoryItemType) {
   }
 }
 
-export default function HistoryDisplay({ history, revertToVersion }: Props) {
+export default function HistoryDisplay({
+  history,
+  revertToVersion,
+  shouldDisableReverts,
+}: Props) {
   return history.length === 0 ? null : (
     <div className="flex flex-col h-screen">
       <h1 className="font-bold mb-2">History</h1>
@@ -35,7 +41,13 @@ export default function HistoryDisplay({ history, revertToVersion }: Props) {
               key={index}
               className="flex items-center space-x-2 justify-between p-2
               border-b cursor-pointer hover:bg-black hover:text-white"
-              onClick={() => revertToVersion(index)}
+              onClick={() =>
+                shouldDisableReverts
+                  ? toast.error(
+                      "Please wait for code generation to complete before viewing an older version"
+                    )
+                  : revertToVersion(index)
+              }
             >
               <h2 className="text-sm">{displayHistoryItemType(item.type)}</h2>
               <h2 className="text-sm">v{history.length - index}</h2>

Original file line number	Diff line number	Diff line change
`@@ -366,6 +366,7 @@ function App() {`
`366`	`366`	`return;`
`367`	`367`	`setGeneratedCode(appHistory[index].code);`
`368`	`368`	`}}`
	`369`	`+ shouldDisableReverts={appState === AppState.CODING}`
`369`	`370`	`/>`
`370`	`371`	`}`
`371`	`372`	`</div>`