Github/screenshot-to-code
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

handle coding state correctly

Browse Source
This commit is contained in:
Abi Raja 2023-12-06 15:42:33 -05:00
parent 3d16d784c2
commit 8008513a6c
2 changed files with 15 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
frontend/src/App.tsx
View File

@ -366,6 +366,7 @@ function App() {
return; return;
setGeneratedCode(appHistory[index].code); setGeneratedCode(appHistory[index].code);
}} }}
shouldDisableReverts={appState === AppState.CODING}
/> />
} }
</div> </div>

16
frontend/src/components/HistoryDisplay.tsx
View File

@ -1,9 +1,11 @@
import { ScrollArea } from "@/components/ui/scroll-area"; import { ScrollArea } from "@/components/ui/scroll-area";
import { History, HistoryItemType } from "../history_types"; import { History, HistoryItemType } from "../history_types";
import toast from "react-hot-toast";
interface Props { interface Props {
history: History; history: History;
revertToVersion: (version: number) => void; revertToVersion: (version: number) => void;
shouldDisableReverts: boolean;
} }
function displayHistoryItemType(itemType: HistoryItemType) { 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 : ( return history.length === 0 ? null : (
<div className="flex flex-col h-screen"> <div className="flex flex-col h-screen">
<h1 className="font-bold mb-2">History</h1> <h1 className="font-bold mb-2">History</h1>
@ -35,7 +41,13 @@ export default function HistoryDisplay({ history, revertToVersion }: Props) {
key={index} key={index}
className="flex items-center space-x-2 justify-between p-2 className="flex items-center space-x-2 justify-between p-2
border-b cursor-pointer hover:bg-black hover:text-white" 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">{displayHistoryItemType(item.type)}</h2>
<h2 className="text-sm">v{history.length - index}</h2> <h2 className="text-sm">v{history.length - index}</h2>