Users List UI

This commit is contained in:
ioedeveloper
2019-08-05 15:10:39 +01:00
parent beb9aa4f01
commit e3f6b4fc9f
2 changed files with 41 additions and 3 deletions

View File

@@ -68,7 +68,7 @@
},
"scripts": {
"lint": "eslint .",
"dev": "SET PORT=3100 && react-scripts start",
"dev": "export PORT=3100 react-scripts start",
"build": "react-scripts build",
"jest": "jest src/test/puppeteer/index.test.js",
"test": "npm run lint",

View File

@@ -26,7 +26,7 @@ class Users extends Component {
>
<div className="bs-BIM">
<div className="Box-root Margin-bottom--12">
<div className="bs-ContentSection Card-root Card-shadow--medium">
<div className="bs-ContentSection Card-root Card-shadow--medium">
<div className="Box-root">
<div className="ContentHeader Box-root Box-background--white Box-divider--surface-bottom-1 Flex-flex Flex-direction--column Padding-horizontal--20 Padding-vertical--16">
<div className="Box-root Flex-flex Flex-direction--row Flex-justifyContent--spaceBetween">
@@ -99,9 +99,47 @@ class Users extends Component {
</div>
</div>
</div>
<div className="bs-Tail bs-Tail--separated bs-Tail--short">
<div className="bs-Tail-copy">
<span>
1 Team Member
</span></div>
<div className="bs-Tail-actions">
<div className="ButtonGroup Box-root Flex-flex Flex-alignItems--center Flex-direction--row Flex-justifyContent--flexStart">
<div className="Box-root Margin-right--8">
<button
data-test="TeamSettings-paginationButton"
className={`Button bs-ButtonLegacy`}
type="button"
>
<div className="Button-fill bs-ButtonLegacy-fill Box-root Box-background--white Flex-inlineFlex Flex-alignItems--center Flex-direction--row Padding-horizontal--8 Padding-vertical--4">
<span className="Button-label Text-color--default Text-display--inline Text-fontSize--14 Text-fontWeight--medium Text-lineHeight--20 Text-typeface--base Text-wrap--noWrap">
<span>Previous</span>
</span>
</div>
</button>
</div>
<div className="Box-root">
<button
data-test="TeamSettings-paginationButton"
className={`Button bs-ButtonLegacy`}
type="button"
>
<div className="Button-fill bs-ButtonLegacy-fill Box-root Box-background--white Flex-inlineFlex Flex-alignItems--center Flex-direction--row Padding-horizontal--8 Padding-vertical--4">
<span className="Button-label Text-color--default Text-display--inline Text-fontSize--14 Text-fontWeight--medium Text-lineHeight--20 Text-typeface--base Text-wrap--noWrap">
<span>Next</span>
</span>
</div>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>