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

feat(warehouse ): warehouses skeleton.

Browse Source
This commit is contained in:
elforjani13
2022-02-13 18:26:59 +02:00
parent 893ebb838e
commit b272ddf23a
3 changed files with 35 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/containers/Preferences/Warehouses/components.js
View File

@@ -1,6 +1,8 @@
import React from 'react';
import intl from 'react-intl-universal';
import styled from 'styled-components';
import { Classes } from '@blueprintjs/core';
import clsx from 'classnames';
import { Menu, MenuItem, MenuDivider, Intent } from '@blueprintjs/core';
import { If, Icon, Can } from '../../../components';
@@ -37,21 +39,33 @@ export function WarehouseContextMenu({
);
}
export function WarehousesGrid({ warehouse }) {
export function WarehousesGrid({ warehouse, loading }) {
return (
<WarehouseGridWrapper>
<WarehouseHeader>
<WarehouseTitle>{warehouse.name}</WarehouseTitle>
<WarehouseCode>{warehouse.code}</WarehouseCode>
<WarehouseTitle className={clsx({ [Classes.SKELETON]: loading })}>
{warehouse.name}
</WarehouseTitle>
<WarehouseCode className={clsx({ [Classes.SKELETON]: loading })}>
{warehouse.code}
</WarehouseCode>
<WarehouseIcon>
<Icon icon="warehouse-16" iconSize={20} />
{!loading && <Icon icon="warehouse-16" iconSize={20} />}
</WarehouseIcon>
</WarehouseHeader>
<WarehouseContent>
<WarehouseItem>{warehouse.city}</WarehouseItem>
<WarehouseItem>{warehouse.country}</WarehouseItem>
<WarehouseItem>{warehouse.email}</WarehouseItem>
<WarehouseItem>{warehouse.phone_number}</WarehouseItem>
<WarehouseItem className={clsx({ [Classes.SKELETON]: loading })}>
{warehouse.city}
</WarehouseItem>
<WarehouseItem className={clsx({ [Classes.SKELETON]: loading })}>
{warehouse.country}
</WarehouseItem>
<WarehouseItem className={clsx({ [Classes.SKELETON]: loading })}>
{warehouse.email}
</WarehouseItem>
<WarehouseItem className={clsx({ [Classes.SKELETON]: loading })}>
{warehouse.phone_number}
</WarehouseItem>
</WarehouseContent>
</WarehouseGridWrapper>
);
@@ -113,7 +127,7 @@ const WarehouseContent = styled.div`
const WarehouseItem = styled.div`
font-size: 11px;
color: #000;
line-height: 1.3rem;
margin-bottom: 5px;
text-overflow: ellipsis;
overflow: hidden;
`;