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

move files around

Browse Source
This commit is contained in:
Abi Raja 2023-12-06 19:07:22 -05:00
parent a5e7dcd037
commit 79e36c9529
3 changed files with 27 additions and 27 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/App.tsx
View File

@ -30,9 +30,8 @@ import { USER_CLOSE_WEB_SOCKET_CODE } from "./constants";
import CodeTab from "./components/CodeTab";
import OutputSettingsSection from "./components/OutputSettingsSection";
import { History } from "./history_types";
import HistoryDisplay, {
extractHistoryTree,
} from "./components/HistoryDisplay";
import HistoryDisplay from "./components/history/HistoryDisplay";
import { extractHistoryTree } from "./components/history/utils";
import toast from "react-hot-toast";
const IS_OPENAI_DOWN = false;

25
frontend/src/components/HistoryDisplay.tsx → frontend/src/components/history/HistoryDisplay.tsx
View File

@ -1,5 +1,5 @@
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";
import classNames from "classnames";
@ -10,29 +10,6 @@ interface Props {
shouldDisableReverts: boolean;
}
export function extractHistoryTree(
history: History,
version: number
): string[] {
// History is in reverse chronological order
// Get all history items up to the current version
const extractedHistory = history.slice(version);
const obj: string[] = [];
// Reverse the history so that it is in chronological order for the server
extractedHistory.reverse().forEach((item) => {
// Don't include the image for ai_create since the server gets it passed and will include it directly
if (item.type !== "ai_create") {
obj.push(item.inputs.prompt);
}
obj.push(item.code);
});
return obj;
}
function displayHistoryItemType(itemType: HistoryItemType) {
switch (itemType) {
case "ai_create":

24
frontend/src/components/history/utils.ts Normal file
View File

@ -0,0 +1,24 @@
import { History } from "../../history_types";
export function extractHistoryTree(
history: History,
version: number
): string[] {
// History is in reverse chronological order
// Get all history items up to the current version
const extractedHistory = history.slice(version);
const obj: string[] = [];
// Reverse the history so that it is in chronological order for the server
extractedHistory.reverse().forEach((item) => {
// Don't include the image for ai_create since the server gets it passed and will include it directly
if (item.type !== "ai_create") {
obj.push(item.inputs.prompt);
}
obj.push(item.code);
});
return obj;
}