Add 'packages/frontend/' from commit 'ecaa662131160697866f77488d13159c986d5e8e'

git-subtree-dir: packages/frontend
git-subtree-mainline: d7bdd20dc4
git-subtree-split: ecaa662131

packages/frontend/src/Index.tsx

@@ -0,0 +1,61 @@
+import { CloudSync, RefreshCw } from "lucide-react";
+import { useState } from "react";
+import { Button } from "@/components/ui/button";
+
+function Issue({ issue }: { issue: any }) {
+    return (
+        <div className="w-sm p-4 border">
+            import {Button} from "@/components/ui/button"; [{issue.id}] {issue.title}
+        </div>
+    );
+}
+
+function Index() {
+    const [issues, setIssues] = useState([]);
+
+    const serverURL = import.meta.env.SERVER_URL?.trim() || "http://localhost:3000";
+
+    async function getIssues() {
+        const res = await fetch(`${serverURL}/issues/all`);
+        const data = await res.json();
+        setIssues(data);
+    }
+
+    return (
+        <main className="w-full h-[100vh] flex flex-col items-center justify-center gap-4 p-4">
+            <h1 className="text-3xl font-bold">Issue Project Manager</h1>
+
+            <div className="flex gap-2">
+                <Button onClick={getIssues} className={""}>
+                    {issues.length > 0 ? (
+                        <>
+                            re-fetch issues
+                            <RefreshCw />
+                        </>
+                    ) : (
+                        <>
+                            fetch issues
+                            <CloudSync />
+                        </>
+                    )}
+                </Button>
+                <Button variant="outline" linkTo={"/test"}>
+                    Go to Test Page
+                </Button>
+            </div>
+
+            {issues.length > 0 && (
+                <>
+                    {issues.map((issue: any) => (
+                        <Issue key={issue.id} issue={issue} />
+                    ))}
+                    <pre className="w-2xl max-h-96 overflow-auto p-4 border bg-">
+                        {JSON.stringify(issues, null, 2)}
+                    </pre>
+                </>
+            )}
+        </main>
+    );
+}
+
+export default Index;