style asset list to match application design
c15e26c6 adds the useful react-intl package which is used to provide date formatting.
The main body of this PR is in 41da2d50. Style the asset table to match the design. Break the complete/in-progress indicator out to a separate component, AssetStatus.
Re-work the AssetTable{Body,Header} and AssetListItem components to reflect the design with the modification that the private column now uses a visibility on/off icon to show privacy status.
The AssetStatus colours are set in the global theme.
Closes #15 (closed).
Merge request reports
Activity
Created by: codecov-io
Codecov Report
Merging #48 into master will decrease coverage by
0.59%
. The diff coverage is76.08%
.@@ Coverage Diff @@ ## master #48 +/- ## ========================================= - Coverage 84.26% 83.66% -0.6% ========================================= Files 47 48 +1 Lines 413 447 +34 Branches 62 68 +6 ========================================= + Hits 348 374 +26 - Misses 51 56 +5 - Partials 14 17 +3
Impacted Files Coverage Δ src/containers/App.js 100% <ø> (ø)
src/style/CustomMaterialTheme.js 100% <100%> (ø)
src/components/AssetTable.js 100% <100%> (ø)
src/components/AssetStatus.js 100% <100%> (ø)
src/components/AssetTableBody.js 100% <100%> (ø)
src/components/AssetTableHeader.js 95.65% <100%> (+0.65%)
src/testutils.js 82.35% <100%> (-1.86%)
src/components/AssetListItem.js 62.06% <56%> (-23.65%)
src/redux/reducers/assetRegisterApi.js 70% <0%> (+6.66%)
Continue to review full report at Codecov.
Legend - Click here to learn more
Δ = absolute <relative> (impact)
,ø = not affected
,? = missing data
Powered by Codecov. Last update 21f5b82...be15be1. Read the comment docs.