shiyue/kan
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: inline setting input fields with buttons

Browse Source
This commit is contained in:
Henry
2025-02-01 11:51:21 +00:00
parent e321aa2f5d
commit 2882a3da2a
4 changed files with 58 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
apps/web/src/views/settings/components/UpdateDisplayNameForm.tsx
View File

@@ -64,10 +64,11 @@ const UpdateDisplayNameForm = ({ displayName }: { displayName: string }) => {
}; };
return ( return (
<> <div className="flex gap-2">
<div className="mb-4 flex max-w-[350px] items-center gap-2"> <div className="mb-4 flex w-full max-w-[325px] items-center gap-2">
<Input {...register("name")} errorMessage={errors.name?.message} /> <Input {...register("name")} errorMessage={errors.name?.message} />
</div> </div>
<div>
<Button <Button
onClick={handleSubmit(onSubmit)} onClick={handleSubmit(onSubmit)}
variant="primary" variant="primary"
@@ -76,7 +77,8 @@ const UpdateDisplayNameForm = ({ displayName }: { displayName: string }) => {
> >
Update Update
</Button> </Button>
</> </div>
</div>
); );
}; };

8
apps/web/src/views/settings/components/UpdateWorkspaceDescriptionForm.tsx
View File

@@ -71,13 +71,14 @@ const UpdateWorkspaceDescriptionForm = ({
}; };
return ( return (
<> <div className="flex gap-2">
<div className="mb-4 flex max-w-[350px] items-center gap-2"> <div className="mb-4 flex w-full max-w-[325px] items-center gap-2">
<Input <Input
{...register("description")} {...register("description")}
errorMessage={errors.description?.message} errorMessage={errors.description?.message}
/> />
</div> </div>
<div>
<Button <Button
onClick={handleSubmit(onSubmit)} onClick={handleSubmit(onSubmit)}
variant="primary" variant="primary"
@@ -86,7 +87,8 @@ const UpdateWorkspaceDescriptionForm = ({
> >
Update Update
</Button> </Button>
</> </div>
</div>
); );
}; };

8
apps/web/src/views/settings/components/UpdateWorkspaceNameForm.tsx
View File

@@ -67,10 +67,11 @@ const UpdateWorkspaceNameForm = ({
}; };
return ( return (
<> <div className="flex gap-2">
<div className="mb-4 flex max-w-[350px] items-center gap-2"> <div className="mb-4 flex w-full max-w-[325px] items-center gap-2">
<Input {...register("name")} errorMessage={errors.name?.message} /> <Input {...register("name")} errorMessage={errors.name?.message} />
</div> </div>
<div>
<Button <Button
onClick={handleSubmit(onSubmit)} onClick={handleSubmit(onSubmit)}
variant="primary" variant="primary"
@@ -79,7 +80,8 @@ const UpdateWorkspaceNameForm = ({
> >
Update Update
</Button> </Button>
</> </div>
</div>
); );
}; };

8
apps/web/src/views/settings/components/UpdateWorkspaceUrlForm.tsx
View File

@@ -102,8 +102,8 @@ const UpdateWorkspaceUrlForm = ({
}; };
return ( return (
<> <div className="flex gap-2">
<div className="mb-4 flex max-w-[350px] items-center gap-2"> <div className="mb-4 flex w-full max-w-[325px] items-center gap-2">
<Input <Input
{...register("slug")} {...register("slug")}
className={`${ className={`${
@@ -129,6 +129,7 @@ const UpdateWorkspaceUrlForm = ({
} }
/> />
</div> </div>
<div>
<Button <Button
onClick={handleSubmit(onSubmit)} onClick={handleSubmit(onSubmit)}
variant="primary" variant="primary"
@@ -143,7 +144,8 @@ const UpdateWorkspaceUrlForm = ({
> >
Update Update
</Button> </Button>
</> </div>
</div>
); );
}; };