danvics/zerobyte
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

fix(create-repo): directory selection

Browse source
This commit is contained in:
Nicolas Meienberger 2026-02-02 20:34:37 +01:00
parent cc081ca64c
commit 1e5921fa61
1 changed files with 83 additions and 73 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/client/modules/repositories/components/repository-forms/local-repository-form.tsx
View file

@ -3,7 +3,7 @@ import type { UseFormReturn } from "react-hook-form";
import { Check, Pencil, X, AlertTriangle } from "lucide-react";
import { REPOSITORY_BASE } from "~/client/lib/constants";
import { Button } from "../../../../components/ui/button";
import { FormItem, FormLabel, FormDescription } from "../../../../components/ui/form";
import { FormItem, FormLabel, FormDescription, FormField, FormControl } from "../../../../components/ui/form";
import { DirectoryBrowser } from "../../../../components/directory-browser";
import {
AlertDialog,
@ -26,18 +26,24 @@ export const LocalRepositoryForm = ({ form }: Props) => {
const [showPathWarning, setShowPathWarning] = useState(false);
return (
<FormField
control={form.control}
name="path"
render={({ field }) => (
<>
<FormItem>
<FormLabel>Repository Directory</FormLabel>
<FormControl>
<div className="flex items-center gap-2">
<div className="flex-1 text-sm font-mono bg-muted px-3 py-2 rounded-md border">
{form.watch("path") || REPOSITORY_BASE}
{field.value || REPOSITORY_BASE}
</div>
<Button type="button" variant="outline" onClick={() => setShowPathWarning(true)} size="sm">
<Pencil className="h-4 w-4 mr-2" />
Change
</Button>
</div>
</FormControl>
<FormDescription>The directory where the repository will be stored.</FormDescription>
</FormItem>
@ -54,8 +60,8 @@ export const LocalRepositoryForm = ({ form }: Props) => {
If the path is not a host mount, you will lose your repository data when the container restarts.
</p>
<p className="text-sm text-muted-foreground">
The default path <code className="bg-muted px-1 rounded">{REPOSITORY_BASE}</code> is safe to use if you
followed the recommended Docker Compose setup.
The default path <code className="bg-muted px-1 rounded">{REPOSITORY_BASE}</code> is safe to use if
you followed the recommended Docker Compose setup.
</p>
</AlertDialogDescription>
</AlertDialogHeader>
@ -83,8 +89,10 @@ export const LocalRepositoryForm = ({ form }: Props) => {
</AlertDialogHeader>
<div className="py-4">
<DirectoryBrowser
onSelectPath={(path) => form.setValue("path", path)}
selectedPath={form.watch("path") || REPOSITORY_BASE}
onSelectPath={(path) => {
field.onChange(path);
}}
selectedPath={field.value || REPOSITORY_BASE}
/>
</div>
<AlertDialogFooter>
@ -100,5 +108,7 @@ export const LocalRepositoryForm = ({ form }: Props) => {
</AlertDialogContent>
</AlertDialog>
</>
)}
/>
);
};