Replace Icons at SPV headings

[PhilBarrett]

Currently like this

Needs to go back to this as per React showcase

[BogdanScherban]

@PhilBarrett @tony-shannon This issue has been done:

[PhilBarrett]

@simongamester are there icons we can use in the React-admin version (thinking font awesome) that replicate the filter and expand icons from the old showcase

React-Admin showcase that needs to change

to react.js showcase

[BogdanScherban]

@simongamester @PhilBarrett

We used icons from these free library: https://material.io/tools/icons/?icon=3d_rotation&style=baseline https://fontawesome.com/icons?d=gallery

But we didn't find required free icons, and used presented.

[simongamester]

@PhilBarrett Yes, assuming the react-admin version uses FontAwesome 5, you could use the following:

To expand full screen: https://fontawesome.com/icons/expand-alt?style=solid

Then to collapse full screen: https://fontawesome.com/icons/compress-alt?style=solid

Filter icon can be found here: https://fontawesome.com/icons/filter?style=solid

I'm not sure how Bogdan has coded the icon into the UI, but you can either do this with html e.g.

or by applying css to the element:

div:before { font-family: 'FontAwesome'; content: '\f0b0'; }

[simongamester]

Maybe you're using version 4?

Expand in v4 https://fontawesome.com/v4.7.0/icon/expand

Collapse in v4 https://fontawesome.com/v4.7.0/icon/compress

Filter: https://fontawesome.com/v4.7.0/icon/filter

[BogdanScherban]

@PhilBarrett @tony-shannon

The issue has been done:

[PhilBarrett]

Reviewed and working fine.