binarybeach/bb-plane-fork
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[WEB-4800]chore: settings header component refactor #7669

Browse source
This commit is contained in:
Vamsi Krishna 2025-09-09 13:42:40 +05:30 • committed by GitHub
parent 291101a8e5
commit 37ce8a9fe6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

11
apps/web/core/components/settings/heading.tsx
View file

@ -1,4 +1,4 @@
import { Button } from "@plane/ui"; import { Button, cn } from "@plane/ui";
type Props = { type Props = {
title: string | React.ReactNode; title: string | React.ReactNode;
@ -10,6 +10,7 @@ type Props = {
label: string; label: string;
onClick: () => void; onClick: () => void;
}; };
className?: string;
}; };
export const SettingsHeading = ({ export const SettingsHeading = ({
@ -19,8 +20,14 @@ export const SettingsHeading = ({
appendToRight, appendToRight,
customButton, customButton,
showButton = true, showButton = true,
className,
}: Props) => ( }: Props) => (
<div className="flex flex-col md:flex-row gap-2 items-start md:items-center justify-between border-b border-custom-border-100 pb-3.5"> <div
className={cn(
"flex flex-col md:flex-row gap-2 items-start md:items-center justify-between border-b border-custom-border-100 pb-3.5",
className
)}
>
<div className="flex flex-col items-start gap-1"> <div className="flex flex-col items-start gap-1">
{typeof title === "string" ? <h3 className="text-xl font-medium">{title}</h3> : title} {typeof title === "string" ? <h3 className="text-xl font-medium">{title}</h3> : title}
{description && <div className="text-sm text-custom-text-300">{description}</div>} {description && <div className="text-sm text-custom-text-300">{description}</div>}