mirror of
https://github.com/muerwre/vault-frontend.git
synced 2025-04-28 14:16:41 +07:00
added sample profile sidebar settings
This commit is contained in:
parent
14b93d5dbb
commit
01fac15a00
8 changed files with 132 additions and 154 deletions
26
src/components/sidebar/SidebarStack/index.tsx
Normal file
26
src/components/sidebar/SidebarStack/index.tsx
Normal file
|
@ -0,0 +1,26 @@
|
|||
import React, { FC, useMemo } from 'react';
|
||||
import styles from './styles.module.scss';
|
||||
|
||||
interface SidebarStackProps {}
|
||||
|
||||
const SidebarStack: FC<SidebarStackProps> = ({ children }) => {
|
||||
const nonEmptyChildren = useMemo(() => {
|
||||
if (!children) {
|
||||
return [];
|
||||
}
|
||||
|
||||
return Array.isArray(children) ? children.filter(it => it) : [children];
|
||||
}, [children]);
|
||||
|
||||
return (
|
||||
<div className={styles.stack}>
|
||||
{nonEmptyChildren.map((child, i) => (
|
||||
<div className={styles.card} key={i}>
|
||||
{child}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export { SidebarStack };
|
Loading…
Add table
Add a link
Reference in a new issue