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

fix: refactor copy feature

Browse Source
This commit is contained in:
clean99 2023-11-26 14:14:08 +08:00
parent b600be8cb9
commit 3ae5cbfe19
2 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/App.tsx
View File

@ -14,8 +14,6 @@ import {
} from "react-icons/fa";
import { Switch } from "./components/ui/switch";
import copy from "copy-to-clipboard";
import toast from "react-hot-toast";
import { Button } from "@/components/ui/button";
import { Textarea } from "@/components/ui/textarea";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs";
@ -30,7 +28,8 @@ import { UrlInputSection } from "./components/UrlInputSection";
import TermsOfServiceDialog from "./components/TermsOfServiceDialog";
import html2canvas from "html2canvas";
import { USER_CLOSE_WEB_SOCKET_CODE } from "./constants";
import { ReactCodePreview } from "./components/ReactCodePreview";
import { ReactCodeEditor } from "./components/ReactCodeEditor";
import { doCopyCode } from "./lib/utils";
function App() {
const [appState, setAppState] = useState<AppState>(AppState.INITIAL);
@ -152,11 +151,6 @@ function App() {
setUpdateInstruction("");
}
const doCopyCode = (code: string) => {
copy(code);
toast.success("Copied to clipboard");
};
const handleTermDialogOpenChange = (open: boolean) => {
setSettings((s) => ({
...s,
@ -308,7 +302,7 @@ function App() {
Code
</TabsTrigger>
</TabsList>
<ReactCodePreview doGenerateCode={doGenerateCode} referenceImage={referenceImages[0]} />
<ReactCodeEditor doGenerateCode={doGenerateCode} referenceImage={referenceImages[0]} />
</div>
<TabsContent value="desktop">
<Preview code={generatedCode} device="desktop" />

7
frontend/src/lib/utils.ts
View File

@ -1,6 +1,13 @@
import { type ClassValue, clsx } from "clsx"
import { twMerge } from "tailwind-merge"
import copy from "copy-to-clipboard";
import toast from "react-hot-toast";
export function cn(...inputs: ClassValue[]) {
return twMerge(clsx(inputs))
}
export const doCopyCode = (code: string) => {
copy(code);
toast.success("Copied to clipboard");
};