QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-18 22:00:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

BC-17 feat: customer/vendor drawer of readonly details.

Browse Source
This commit is contained in:
a.bouhuolia
2021-09-09 11:56:06 +02:00
parent 6fd47aa884
commit 7b968a43ef
24 changed files with 738 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
client/src/components/Details/index.js
View File

@@ -18,13 +18,18 @@ export function DetailsMenu({
children,
direction = DIRECTION.VERTICAL,
minLabelSize,
className,
}) {
return (
<div
className={classNames('details-menu', {
'details-menu--vertical': direction === DIRECTION.VERTICAL,
'details-menu--horizantal': direction === DIRECTION.HORIZANTAL,
})}
className={classNames(
'details-menu',
{
'details-menu--vertical': direction === DIRECTION.VERTICAL,
'details-menu--horizantal': direction === DIRECTION.HORIZANTAL,
},
className,
)}
>
<DetailsMenuContext.Provider value={{ minLabelSize }}>
{children}
@@ -36,14 +41,18 @@ export function DetailsMenu({
/**
* Detail item.
*/
export function DetailItem({ label, children, name }) {
export function DetailItem({ label, children, name, className }) {
const { minLabelSize } = useDetailsMenuContext();
return (
<div
className={classNames('detail-item', {
[`detail-item--${name}`]: name,
})}
className={classNames(
'detail-item',
{
[`detail-item--${name}`]: name,
},
className,
)}
>
<div
style={{