Docker/portainer
Docker/portainer
1
0
Fork 0
mirror of https://github.com/portainer/portainer.git synced 2025-08-05 13:55:21 +02:00
Code Issues Releases Activity

feat(ui): portainer base component css change [EE-3381] (#7115)

Browse source
This commit is contained in:
Chaim Lev-Ari 2022-06-23 09:32:18 +03:00 • committed by GitHub
parent 825269c119
commit f78a6568a6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
70 changed files with 999 additions and 1596 deletions
Download patch file Download diff file Expand all files Collapse all files

6
app/react/components/DashboardItem/DashboardItem.test.tsx
View file

@ -10,12 +10,6 @@ test('should show provided resource value', async () => {
expect(value).toHaveTextContent('1');
});
test('should show provided icon', async () => {
const { getByLabelText } = renderComponent(0, 'fa fa-th-list');
const icon = getByLabelText('icon');
expect(icon).toHaveClass('fa-th-list');
});
test('should show provided resource type', async () => {
const { getByLabelText } = renderComponent(0, '', 'Test');
const title = getByLabelText('resourceType');

21
app/react/components/DashboardItem/DashboardItem.tsx
View file

@ -1,19 +1,30 @@
import { ReactNode } from 'react';
import { Icon, IconProps } from '@/react/components/Icon';
import { Widget, WidgetBody } from '@@/Widget';
interface Props {
value: number;
icon: string;
interface Props extends IconProps {
value?: number;
type: string;
children?: ReactNode;
}
export function DashboardItem({ value, icon, type }: Props) {
export function DashboardItem({
value,
icon,
type,
children,
featherIcon,
}: Props) {
return (
<div className="col-sm-12 col-md-6" aria-label={type}>
<Widget>
<WidgetBody>
<div className="widget-icon blue pull-left">
<i className={icon} aria-hidden="true" aria-label="icon" />
<Icon icon={icon} feather={featherIcon} />
</div>
<div className="pull-right">{children}</div>
<div className="title" aria-label="value">
{value}
</div>