muerwre/vault-frontend
1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-25 04:46:40 +07:00
Code Packages Activity Actions

added working profile sidebar

Browse source
This commit is contained in:
Fedor Katurov 2022-02-15 16:11:29 +07:00
parent c6c7dbe75d
commit 07b4874f69
16 changed files with 202 additions and 84 deletions
Download patch file Download diff file Expand all files Collapse all files

19
src/components/sidebar/SidebarStackCard/index.tsx
View file

@ -9,19 +9,28 @@ interface SidebarStackCardProps {
width?: number;
headerFeature?: 'back' | 'close';
title?: string;
onBackPress?: () => void;
}
const SidebarStackCard: FC<SidebarStackCardProps> = ({ children, title, width, headerFeature }) => {
const SidebarStackCard: FC<SidebarStackCardProps> = ({
children,
title,
width,
headerFeature,
onBackPress,
}) => {
const style = useMemo(() => ({ maxWidth: width, flexBasis: width }), [width]);
const backIcon = headerFeature === 'close' ? 'close' : 'right';
return (
<div style={style} className={styles.card}>
{(headerFeature || title) && (
{!!(headerFeature || title) && (
<div className={styles.head}>
<Filler>{!!title && <h5>{title}</h5>}</Filler>
<Filler>{!!title && <h6>{title}</h6>}</Filler>
{headerFeature === 'back' && <Button color="link" iconRight="right" />}
{headerFeature === 'close' && <Button color="link" iconRight="close" />}
{!!(headerFeature && onBackPress) && (
<Button color="link" iconRight={backIcon} onClick={onBackPress} />
)}
</div>
)}