fix: revert settings-header changes

This commit is contained in:
Mythie
2024-02-29 14:12:00 +11:00
parent cc1b888174
commit bd82ad7a0b
2 changed files with 6 additions and 12 deletions

View File

@ -15,8 +15,11 @@ export default function SettingsSecurityActivityPage() {
<SettingsHeader <SettingsHeader
title="Security activity" title="Security activity"
subtitle="View all recent security activity related to your account." subtitle="View all recent security activity related to your account."
titleChildren={<ActivityPageBackButton />} >
/> <div>
<ActivityPageBackButton />
</div>
</SettingsHeader>
<hr className="my-4" /> <hr className="my-4" />

View File

@ -6,17 +6,10 @@ export type SettingsHeaderProps = {
title: string; title: string;
subtitle: string; subtitle: string;
children?: React.ReactNode; children?: React.ReactNode;
titleChildren?: React.ReactNode;
className?: string; className?: string;
}; };
export const SettingsHeader = ({ export const SettingsHeader = ({ children, title, subtitle, className }: SettingsHeaderProps) => {
children,
title,
subtitle,
titleChildren,
className,
}: SettingsHeaderProps) => {
return ( return (
<> <>
<div className={cn('flex flex-row items-center justify-between', className)}> <div className={cn('flex flex-row items-center justify-between', className)}>
@ -26,8 +19,6 @@ export const SettingsHeader = ({
<p className="text-muted-foreground text-sm md:mt-2">{subtitle}</p> <p className="text-muted-foreground text-sm md:mt-2">{subtitle}</p>
</div> </div>
<div>{titleChildren}</div>
{children} {children}
</div> </div>