itsconquest
f2c48409e0
* refactor(azure/aci): migrate sidebar to react [EE-2569] * add test files * add story * fix(sidebar): get styles from sidebar * make suggested changes + update icon story * use template in second story + change some english * use camel case in test * use icon instead of span * refactor(types): use existing environmentid type Co-authored-by: Chaim Lev-Ari <chiptus@gmail.com>
37 lines
1.0 KiB
TypeScript
37 lines
1.0 KiB
TypeScript
import { r2a } from '@/react-tools/react2angular';
|
|
import { SidebarMenuItem } from '@/portainer/components/sidebar/SidebarMenuItem';
|
|
import type { EnvironmentId } from '@/portainer/environments/types';
|
|
|
|
interface Props {
|
|
environmentId: EnvironmentId;
|
|
}
|
|
|
|
export function AzureSidebar({ environmentId }: Props) {
|
|
return (
|
|
<>
|
|
<SidebarMenuItem
|
|
path="azure.dashboard"
|
|
pathParams={{ endpointId: environmentId }}
|
|
iconClass="fa-tachometer-alt fa-fw"
|
|
className="sidebar-list"
|
|
itemName="Dashboard"
|
|
data-cy="azureSidebar-dashboard"
|
|
>
|
|
Dashboard
|
|
</SidebarMenuItem>
|
|
<SidebarMenuItem
|
|
path="azure.containerinstances"
|
|
pathParams={{ endpointId: environmentId }}
|
|
iconClass="fa-cubes fa-fw"
|
|
className="sidebar-list"
|
|
itemName="ContainerInstances"
|
|
data-cy="azureSidebar-containerInstances"
|
|
>
|
|
Container instances
|
|
</SidebarMenuItem>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export const AzureSidebarAngular = r2a(AzureSidebar, ['environmentId']);
|