adaptive design in cache view

This commit is contained in:
Daniel Shleifman
2021-05-31 18:42:37 +03:00
parent 6f728d2fee
commit 78d02c00b6
3 changed files with 49 additions and 13 deletions

View File

@@ -1,14 +1,14 @@
import { StatisticsFieldWrapper, StatisticsFieldIcon, StatisticsFieldValue, StatisticsFieldTitle } from './style'
import { WidgetFieldWrapper, WidgetFieldIcon, WidgetFieldValue, WidgetFieldTitle } from './style'
export default function StatisticsField({ icon: Icon, title, value, iconBg, valueBg }) {
return (
<StatisticsFieldWrapper>
<StatisticsFieldTitle>{title}</StatisticsFieldTitle>
<StatisticsFieldIcon bgColor={iconBg}>
<WidgetFieldWrapper>
<WidgetFieldTitle>{title}</WidgetFieldTitle>
<WidgetFieldIcon bgColor={iconBg}>
<Icon />
</StatisticsFieldIcon>
</WidgetFieldIcon>
<StatisticsFieldValue bgColor={valueBg}>{value}</StatisticsFieldValue>
</StatisticsFieldWrapper>
<WidgetFieldValue bgColor={valueBg}>{value}</WidgetFieldValue>
</WidgetFieldWrapper>
)
}