aboutsummaryrefslogtreecommitdiff
path: root/apps
diff options
context:
space:
mode:
Diffstat (limited to 'apps')
-rw-r--r--apps/web/components/create-project-dialog.tsx42
-rw-r--r--apps/web/components/project-selector.tsx128
2 files changed, 85 insertions, 85 deletions
diff --git a/apps/web/components/create-project-dialog.tsx b/apps/web/components/create-project-dialog.tsx
index d281699e..9a65b894 100644
--- a/apps/web/components/create-project-dialog.tsx
+++ b/apps/web/components/create-project-dialog.tsx
@@ -1,6 +1,6 @@
-"use client";
+"use client"
-import { Button } from "@repo/ui/components/button";
+import { Button } from "@repo/ui/components/button"
import {
Dialog,
DialogContent,
@@ -8,40 +8,40 @@ import {
DialogFooter,
DialogHeader,
DialogTitle,
-} from "@repo/ui/components/dialog";
-import { Input } from "@repo/ui/components/input";
-import { Label } from "@repo/ui/components/label";
-import { Loader2 } from "lucide-react";
-import { AnimatePresence, motion } from "motion/react";
-import { useState } from "react";
-import { useProjectMutations } from "@/hooks/use-project-mutations";
+} from "@repo/ui/components/dialog"
+import { Input } from "@repo/ui/components/input"
+import { Label } from "@repo/ui/components/label"
+import { Loader2 } from "lucide-react"
+import { AnimatePresence, motion } from "motion/react"
+import { useState } from "react"
+import { useProjectMutations } from "@/hooks/use-project-mutations"
interface CreateProjectDialogProps {
- open: boolean;
- onOpenChange: (open: boolean) => void;
+ open: boolean
+ onOpenChange: (open: boolean) => void
}
export function CreateProjectDialog({
open,
onOpenChange,
}: CreateProjectDialogProps) {
- const [projectName, setProjectName] = useState("");
- const { createProjectMutation } = useProjectMutations();
+ const [projectName, setProjectName] = useState("")
+ const { createProjectMutation } = useProjectMutations()
const handleClose = () => {
- onOpenChange(false);
- setProjectName("");
- };
+ onOpenChange(false)
+ setProjectName("")
+ }
const handleCreate = () => {
if (projectName.trim()) {
createProjectMutation.mutate(projectName, {
onSuccess: () => {
- handleClose();
+ handleClose()
},
- });
+ })
}
- };
+ }
return (
<AnimatePresence>
@@ -73,7 +73,7 @@ export function CreateProjectDialog({
onChange={(e) => setProjectName(e.target.value)}
onKeyDown={(e) => {
if (e.key === "Enter" && projectName.trim()) {
- handleCreate();
+ handleCreate()
}
}}
placeholder="My Awesome Project"
@@ -126,5 +126,5 @@ export function CreateProjectDialog({
</Dialog>
)}
</AnimatePresence>
- );
+ )
}
diff --git a/apps/web/components/project-selector.tsx b/apps/web/components/project-selector.tsx
index 9392cebe..cbd1e7f4 100644
--- a/apps/web/components/project-selector.tsx
+++ b/apps/web/components/project-selector.tsx
@@ -1,8 +1,8 @@
-"use client";
+"use client"
-import { $fetch } from "@repo/lib/api";
-import { DEFAULT_PROJECT_ID } from "@repo/lib/constants";
-import { Button } from "@repo/ui/components/button";
+import { $fetch } from "@repo/lib/api"
+import { DEFAULT_PROJECT_ID } from "@repo/lib/constants"
+import { Button } from "@repo/ui/components/button"
import {
Dialog,
DialogContent,
@@ -10,22 +10,22 @@ import {
DialogFooter,
DialogHeader,
DialogTitle,
-} from "@repo/ui/components/dialog";
+} from "@repo/ui/components/dialog"
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuItem,
DropdownMenuTrigger,
-} from "@repo/ui/components/dropdown-menu";
-import { Label } from "@repo/ui/components/label";
+} from "@repo/ui/components/dropdown-menu"
+import { Label } from "@repo/ui/components/label"
import {
Select,
SelectContent,
SelectItem,
SelectTrigger,
SelectValue,
-} from "@repo/ui/components/select";
-import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+} from "@repo/ui/components/select"
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
import {
ChevronDown,
FolderIcon,
@@ -34,97 +34,97 @@ import {
MoreVertical,
Plus,
Trash2,
-} from "lucide-react";
-import { AnimatePresence, motion } from "motion/react";
-import { useState } from "react";
-import { toast } from "sonner";
-import { useProjectMutations } from "@/hooks/use-project-mutations";
-import { useProjectName } from "@/hooks/use-project-name";
-import { useProject } from "@/stores";
-import { CreateProjectDialog } from "./create-project-dialog";
+} from "lucide-react"
+import { AnimatePresence, motion } from "motion/react"
+import { useState } from "react"
+import { toast } from "sonner"
+import { useProjectMutations } from "@/hooks/use-project-mutations"
+import { useProjectName } from "@/hooks/use-project-name"
+import { useProject } from "@/stores"
+import { CreateProjectDialog } from "./create-project-dialog"
interface Project {
- id: string;
- name: string;
- containerTag: string;
- createdAt: string;
- updatedAt: string;
- isExperimental?: boolean;
+ id: string
+ name: string
+ containerTag: string
+ createdAt: string
+ updatedAt: string
+ isExperimental?: boolean
}
export function ProjectSelector() {
- const queryClient = useQueryClient();
- const [isOpen, setIsOpen] = useState(false);
- const [showCreateDialog, setShowCreateDialog] = useState(false);
- const { selectedProject } = useProject();
- const projectName = useProjectName();
- const { switchProject, deleteProjectMutation } = useProjectMutations();
+ const queryClient = useQueryClient()
+ const [isOpen, setIsOpen] = useState(false)
+ const [showCreateDialog, setShowCreateDialog] = useState(false)
+ const { selectedProject } = useProject()
+ const projectName = useProjectName()
+ const { switchProject, deleteProjectMutation } = useProjectMutations()
const [deleteDialog, setDeleteDialog] = useState<{
- open: boolean;
- project: null | { id: string; name: string; containerTag: string };
- action: "move" | "delete";
- targetProjectId: string;
+ open: boolean
+ project: null | { id: string; name: string; containerTag: string }
+ action: "move" | "delete"
+ targetProjectId: string
}>({
open: false,
project: null,
action: "move",
targetProjectId: DEFAULT_PROJECT_ID,
- });
+ })
const [expDialog, setExpDialog] = useState<{
- open: boolean;
- projectId: string;
+ open: boolean
+ projectId: string
}>({
open: false,
projectId: "",
- });
+ })
const { data: projects = [], isLoading } = useQuery({
queryKey: ["projects"],
queryFn: async () => {
- const response = await $fetch("@get/projects");
+ const response = await $fetch("@get/projects")
if (response.error) {
- throw new Error(response.error?.message || "Failed to load projects");
+ throw new Error(response.error?.message || "Failed to load projects")
}
- return response.data?.projects || [];
+ return response.data?.projects || []
},
staleTime: 30 * 1000,
- });
+ })
const enableExperimentalMutation = useMutation({
mutationFn: async (projectId: string) => {
const response = await $fetch(
`@post/projects/${projectId}/enable-experimental`,
- );
+ )
if (response.error) {
throw new Error(
response.error?.message || "Failed to enable experimental mode",
- );
+ )
}
- return response.data;
+ return response.data
},
onSuccess: () => {
- toast.success("Experimental mode enabled for project");
- queryClient.invalidateQueries({ queryKey: ["projects"] });
- setExpDialog({ open: false, projectId: "" });
+ toast.success("Experimental mode enabled for project")
+ queryClient.invalidateQueries({ queryKey: ["projects"] })
+ setExpDialog({ open: false, projectId: "" })
},
onError: (error) => {
toast.error("Failed to enable experimental mode", {
description: error instanceof Error ? error.message : "Unknown error",
- });
+ })
},
- });
+ })
const handleProjectSelect = (containerTag: string) => {
- switchProject(containerTag);
- setIsOpen(false);
- };
+ switchProject(containerTag)
+ setIsOpen(false)
+ }
const handleCreateNewProject = () => {
- setIsOpen(false);
- setShowCreateDialog(true);
- };
+ setIsOpen(false)
+ setShowCreateDialog(true)
+ }
return (
<div className="relative">
@@ -230,12 +230,12 @@ export function ProjectSelector() {
<DropdownMenuItem
className="text-blue-400 hover:text-blue-300 cursor-pointer text-xs"
onClick={(e) => {
- e.stopPropagation();
+ e.stopPropagation()
setExpDialog({
open: true,
projectId: project.id,
- });
- setIsOpen(false);
+ })
+ setIsOpen(false)
}}
>
<div className="h-3 w-3 mr-2 rounded border border-blue-400" />
@@ -254,7 +254,7 @@ export function ProjectSelector() {
<DropdownMenuItem
className="text-red-400 hover:text-red-300 cursor-pointer text-xs"
onClick={(e) => {
- e.stopPropagation();
+ e.stopPropagation()
setDeleteDialog({
open: true,
project: {
@@ -264,8 +264,8 @@ export function ProjectSelector() {
},
action: "move",
targetProjectId: "",
- });
- setIsOpen(false);
+ })
+ setIsOpen(false)
}}
>
<Trash2 className="h-3 w-3 mr-2" />
@@ -478,10 +478,10 @@ export function ProjectSelector() {
project: null,
action: "move",
targetProjectId: "",
- });
+ })
},
},
- );
+ )
}
}}
type="button"
@@ -584,5 +584,5 @@ export function ProjectSelector() {
)}
</AnimatePresence>
</div>
- );
+ )
}
generated by cgit v1.2.3 (git 2.25.1) at 2026-03-11 13:47:10 +0000