jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add row styling

Browse Source 
Summary:
Added styling / coloring to the new logs plugin, to bring it closer to feature completeness. Made the colum headers slightly more compact

Also made the API more foolproof by introducing the `useAssertStableRef` hook, that will protect against accidentally passing in props that would invalidate rendering every time.

Reviewed By: passy

Differential Revision: D26635063

fbshipit-source-id: 60b2af8db3cc3c12d8d25d922cf1735aed91dd2c
This commit is contained in:
Michel Weststrate
2021-03-16 14:54:53 -07:00
committed by Facebook GitHub Bot
parent a3b3df639b
commit dec8e88aeb
9 changed files with 103 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
desktop/flipper-plugin/src/ui/datatable/__tests__/DataTable.node.tsx
View File

@@ -55,15 +55,15 @@ test('update and append', async () => {
expect(elem.length).toBe(1);
expect(elem[0].parentElement).toMatchInlineSnapshot(`
<div
class="css-tihkal-TableBodyRowContainer efe0za01"
class="css-8pa5c2-TableBodyRowContainer efe0za01"
>
<div
class="ant-table-cell css-1u65yt0-TableBodyColumnContainer efe0za00"
class="css-kkcfb6-TableBodyColumnContainer efe0za00"
>
test DataTable
</div>
<div
class="ant-table-cell css-1u65yt0-TableBodyColumnContainer efe0za00"
class="css-kkcfb6-TableBodyColumnContainer efe0za00"
>
true
</div>
@@ -112,15 +112,15 @@ test('column visibility', async () => {
expect(elem.length).toBe(1);
expect(elem[0].parentElement).toMatchInlineSnapshot(`
<div
class="css-tihkal-TableBodyRowContainer efe0za01"
class="css-8pa5c2-TableBodyRowContainer efe0za01"
>
<div
class="ant-table-cell css-1u65yt0-TableBodyColumnContainer efe0za00"
class="css-kkcfb6-TableBodyColumnContainer efe0za00"
>
test DataTable
</div>
<div
class="ant-table-cell css-1u65yt0-TableBodyColumnContainer efe0za00"
class="css-kkcfb6-TableBodyColumnContainer efe0za00"
>
true
</div>
@@ -137,10 +137,10 @@ test('column visibility', async () => {
expect(elem.length).toBe(1);
expect(elem[0].parentElement).toMatchInlineSnapshot(`
<div
class="css-tihkal-TableBodyRowContainer efe0za01"
class="css-8pa5c2-TableBodyRowContainer efe0za01"
>
<div
class="ant-table-cell css-1u65yt0-TableBodyColumnContainer efe0za00"
class="css-kkcfb6-TableBodyColumnContainer efe0za00"
>
test DataTable
</div>