feat: content & item detail.

client/src/components/Details/index.js

@@ -1,6 +1,5 @@
 import React from 'react';
 import classNames from 'classnames';
-import { Col, Row } from 'components';
 
 import 'style/components/Details.scss';
 
@@ -22,7 +21,7 @@ export function DetailsMenu({ children, vertical = false }) {
 /**
  * Detail item vertical .
  */
-export function DetailItemVER({ label, children }) {
+export function DetailItem({ label, children }) {
   return (
     <div class="detail-item">
       <div class="detail-item__label">{label}</div>
@@ -30,17 +29,3 @@ export function DetailItemVER({ label, children }) {
     </div>
   );
 }
-
-/**
- * Detail item horizontal .
- */
-export function DetailItemHOR({ label, children }) {
-  return (
-    <Row>
-      <Col className="label" xs={3}>
-        {label}
-      </Col>
-      <Col xs={3}>{children}</Col>
-    </Row>
-  );
-}

client/src/components/DrawersContainer.js

@@ -12,6 +12,8 @@ import ReceiptDetailDrawer from 'containers/Drawers/ReceiptDetailDrawer';
 import PaymentReceiveDetailDrawer from 'containers/Drawers/PaymentReceiveDetailDrawer';
 import PaymentMadeDetailDrawer from 'containers/Drawers/PaymentMadeDetailDrawer';
 import EstimateDetailDrawer from '../containers/Drawers/EstimateDetailDrawer';
+import ItemDetailDrawer from '../containers/Drawers/ItemDetailDrawer';
+import ContactDetailDrawer from '../containers/Drawers/ContactDetailDrawer';
 
 export default function DrawersContainer() {
   return (
@@ -29,6 +31,8 @@ export default function DrawersContainer() {
       <ReceiptDetailDrawer name={'receipt-detail-drawer'} />
       <PaymentReceiveDetailDrawer name={'payment-receive-detail-drawer'} />
       <PaymentMadeDetailDrawer name={'payment-made-detail-drawer'} />
+      <ItemDetailDrawer name={'item-detail-drawer'} />
+      <ContactDetailDrawer name={'contact-detail-drawer'} />
     </div>
   );
 }