bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

ColumnHeader: remove transparent prop, pass className from Column instead

Browse source
This commit is contained in:
Alex Gleason 2022-11-30 21:45:31 -06:00
parent f6169b9cf0
commit ae5e4c05f6
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 8 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
app/soapbox/components/ui/column/column.tsx
View file

@ -7,10 +7,10 @@ import { useSoapboxConfig } from 'soapbox/hooks';
import { Card, CardBody, CardHeader, CardTitle } from '../card/card';
type IColumnHeader = Pick<IColumn, 'label' | 'backHref' |'transparent'>;
type IColumnHeader = Pick<IColumn, 'label' | 'backHref' |'className'>;
/** Contains the column title with optional back button. */
const ColumnHeader: React.FC<IColumnHeader> = ({ label, backHref, transparent }) => {
const ColumnHeader: React.FC<IColumnHeader> = ({ label, backHref, className }) => {
const history = useHistory();
const handleBackClick = () => {
@ -27,10 +27,7 @@ const ColumnHeader: React.FC<IColumnHeader> = ({ label, backHref, transparent })
};
return (
<CardHeader
className={classNames({ 'px-4 pt-4 sm:p-0': transparent })}
onBackClick={handleBackClick}
>
<CardHeader className={className} onBackClick={handleBackClick}>
<CardTitle title={label} />
</CardHeader>
);
@ -72,7 +69,11 @@ const Column: React.FC<IColumn> = React.forwardRef((props, ref: React.ForwardedR
<Card variant={transparent ? undefined : 'rounded'} className={className}>
{withHeader && (
<ColumnHeader label={label} backHref={backHref} transparent={transparent} />
<ColumnHeader
label={label}
backHref={backHref}
className={classNames({ 'px-4 pt-4 sm:p-0': transparent })}
/>
)}
<CardBody>