NotAvailable component (or styles at least)

[ujovlado]

This can be really useful in situations when we want to say something is not available.

Context:

• https://github.com/keboola/kbc-ui/pull/1915#issuecomment-415044469

It can be solved by separate component or only a class.

Proposal:

[ujovlado]

Asi by stacilo aby to bola zatial len nejake classa, ktoru dam neblokovemu elementu. :)

[ujovlado]

Potom bude treba vyhodit to em z keboola/kbc-ui#1915

[janmichek]

jo - italic stylu se chceme zbavit v ramci 2. vlny upravy fontu https://github.com/keboola/indigo-ui/issues/189

[ujovlado]

Skor som narazal na to, ze to tam teraz pribudlo. Nechame to tak?

[janmichek]

V soucasnym stavu je mi to jedno. Vyskytuje se to na vice mistech.

[janmichek]

Tak jo, poustim se do toho. Nejdiv prozkoumam ruzny empty stavy (je to ruzne rozesety po aplikaci) a potom tady zkusim pripravit vizualni navrh

[janmichek]

Vetsina empty statu se da v kbc vyhledat pomoci retezcu 'N/A', 'No ', 'text-muted', '<em>'

[janmichek]

Analyza a navrhy

1) Takhle jsem nasel ruzny pouziti 'N/A' jako empty stavu:

Tady to bude easy, to navrhuju sjednotit pomoci <NotAvailable/> komponenty v indigo UI aby to vypadalo jednotne takto

element.style {
    font-style: italic;
    color: #5d6982;
}

2) Potom tu jsou vic okecavaci empty stavu:

K tomu navrhuju obslouzit to komponentou vyse, rozsirenou o props <NotAvailable text="No Description"/>

3) zatim neresim ale nektery empty stavy jsou reseny obrazkama. Coz mi prijde dobry, ale zatim bych neobsluhoval touto komponentou

4) zacal bych to teda prevlekat dle popisu vyse, je toho v aplikaci docela dost a je mozny ze budu zavadet jeste jinou property na rozliseni, pokud si neporadim nijak elegantneji.

[ujovlado]

Ideme tam teda davat novy rez len kvoli N/A? alebo na to kasleme?

[janmichek]

Ne, nedelal bych to. Myslim ze bohate staci ta prohlizecova emulace, nevypada to nijak zubate. Koukam na Chrome, FF, Edge

[ujovlado]

ok, super :)