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

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

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

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

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

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

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